diff --git a/docs/static/main.css b/docs/static/main.css
index 291569e..e5f95b0 100644
--- a/docs/static/main.css
+++ b/docs/static/main.css
@@ -289,11 +289,13 @@ div.hs.selected {
 }
 
 .hsProjectHeaderIcon {
+    transition: .2s;
     fill: white;
     stroke: white;
     height: 50%;
     width: auto;
     margin: auto 0;
+    opacity: .6;
 }
 
 .hsProjectHeaderIcon img {
@@ -308,6 +310,10 @@ div.hs.selected {
     border-color: white;
 }
 
+.hsProject:hover .hsProjectHeaderIcon {
+    opacity: 1;
+}
+
 .hsProjectImage {
     width: 100%;
     max-height: 100%;
diff --git a/static/main.css b/static/main.css
index 291569e..e5f95b0 100644
--- a/static/main.css
+++ b/static/main.css
@@ -289,11 +289,13 @@ div.hs.selected {
 }
 
 .hsProjectHeaderIcon {
+    transition: .2s;
     fill: white;
     stroke: white;
     height: 50%;
     width: auto;
     margin: auto 0;
+    opacity: .6;
 }
 
 .hsProjectHeaderIcon img {
@@ -308,6 +310,10 @@ div.hs.selected {
     border-color: white;
 }
 
+.hsProject:hover .hsProjectHeaderIcon {
+    opacity: 1;
+}
+
 .hsProjectImage {
     width: 100%;
     max-height: 100%;