diff --git a/site/layouts/index.html b/site/layouts/index.html
index 9d9b786b..fac933a4 100644
--- a/site/layouts/index.html
+++ b/site/layouts/index.html
@@ -7,7 +7,7 @@
             <nav class="columns">
 
                 <a class="column has-text-centered" href="https://www.google.com">
-                    <span class="icon is-large">
+                    <span class="icon is-actionable is-large">
                         <i class="fas fa-3x fa-code"></i>
                     </span>
                     <p class="title is-4">
@@ -17,7 +17,7 @@
                 </a>
 
                 <a class="column has-text-centered" href="https://www.google.com">
-                    <span class="icon is-large">
+                    <span class="icon is-actionable is-large">
                         <i class="fas fa-3x fa-terminal"></i>
                     </span>
                     <p class="title is-4">
@@ -27,7 +27,7 @@
                 </a>
 
                 <a class="column has-text-centered" href="https://www.google.com">
-                    <span class="icon is-large">
+                    <span class="icon is-actionable is-large">
                         <i class="fas fa-3x fa-gamepad"></i>
                     </span>
                     <p class="title is-4">
diff --git a/src/scss/shared.scss b/src/scss/shared.scss
index ea8e58f0..095bc0f9 100644
--- a/src/scss/shared.scss
+++ b/src/scss/shared.scss
@@ -15,6 +15,6 @@
 }
 
 // For call to action heros, we want to style them on hover.
-.hero.is-actionable:hover {
+.hero .column:hover .is-actionable {
     color: #969696;
 }
\ No newline at end of file