diff --git a/assets/css/application.scss b/assets/css/application.scss
index c0808934f..e315d7089 100644
--- a/assets/css/application.scss
+++ b/assets/css/application.scss
@@ -135,7 +135,7 @@ strong {
   opacity: 1;
 }
 
-.home h2 span {
+.home .decorBrackets {
   color: rgba(127,127,127,10%);
   font-size: 4.375rem;
   padding: 0 5px;
diff --git a/index.html b/index.html
index b8d343a43..43f6a5789 100644
--- a/index.html
+++ b/index.html
@@ -9,9 +9,9 @@
 <p>An open source license protects contributors and users. Businesses and savvy developers won’t touch a project without this protection.</p>
 
 <h2>
-  <span>{</span>
+  <span class="decorBrackets">{</span>
   Which of the following best describes your situation?
-  <span>}</span>
+  <span class="decorBrackets">}</span>
 </h2>
 <ul class="triptych situations clearfix">
   <li class="existing">
@@ -52,9 +52,9 @@ <h3>I care about sharing improvements.</h3>
   </li>
 </ul>
 <h2>
-  <span>{</span>
+  <span class="decorBrackets">{</span>
   What if none of these work for me?
-  <span>}</span>
+  <span class="decorBrackets">}</span>
 </h2>
 <ul class="triptych see-more clearfix">
   <li>