diff --git a/files/en-us/learn/forms/how_to_build_custom_form_controls/index.html b/files/en-us/learn/forms/how_to_build_custom_form_controls/index.html
index 3a1781b3fff7a2d..55ac7e224bdca41 100644
--- a/files/en-us/learn/forms/how_to_build_custom_form_controls/index.html
+++ b/files/en-us/learn/forms/how_to_build_custom_form_controls/index.html
@@ -721,7 +721,7 @@ <h3 id="The_role_attribute">The <code>role</code> attribute</h3>
 &lt;/div&gt;</pre>
 
 <div class="note">
-<p><strong>Note:</strong> Including both the <code>role</code> attribute and a <code>class</code> attribute is not necessary. Instead of using <code>.option</code> use the <code>[role="option]</code> <a href="/en-US/docs/Web/CSS/Attribute_selectors">attribute selectors</a> in your CSS .</p>
+<p><strong>Note:</strong> Including both the <code>role</code> attribute and a <code>class</code> attribute is not necessary. Instead of using <code>.option</code> use the <code>[role="option"]</code> <a href="/en-US/docs/Web/CSS/Attribute_selectors">attribute selectors</a> in your CSS .</p>
 </div>
 
 <h3 id="The_aria-selected_attribute">The <code>aria-selected</code> attribute</h3>