diff --git a/layouts/case-studies/list.html b/layouts/case-studies/list.html
index dbc0c4e6521cb..fe64892f5597a 100644
--- a/layouts/case-studies/list.html
+++ b/layouts/case-studies/list.html
@@ -60,7 +60,7 @@ <h3>{{ .Title }}</h3>
 			{{ end }}
 			</a>
 			{{ end }}
-			<a target="_blank" href="https://docs.google.com/a/google.com/forms/d/e/1FAIpQLScuI7Ye3VQHQTwBASrgkjQDSS5TP0g3AXfFhwSM9YpHgxRKFA/viewform" class="tell-your-story"><img height="127px"src="/images/case-studies/story.svg" alt="{{ T "layouts_case_studies_list_tell" }}"></a>
+			<a target="_blank" href="https://docs.google.com/a/google.com/forms/d/e/1FAIpQLScuI7Ye3VQHQTwBASrgkjQDSS5TP0g3AXfFhwSM9YpHgxRKFA/viewform" class="tell-your-story">{{ T "layouts_case_studies_list_tell" }}</a>
 		</div>
 	</div>
 </section>
diff --git a/static/css/gridpage.css b/static/css/gridpage.css
index 50d15fd671f6f..36d755b5f04cc 100644
--- a/static/css/gridpage.css
+++ b/static/css/gridpage.css
@@ -201,9 +201,19 @@ p.attrib {
 }
 
 .tell-your-story {
-    border: 1px solid #dddddd;
-    border-radius: 6px;
-    box-shadow: 1px 2px 2px #dddddd;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100%;
+    padding: 50px;
+    font-weight: 1000;
+    font-size: x-large;
+    background: #847f7f33;
+}
+.tell-your-story:hover {
+    background: #847f7f66;
+    transform: perspective(1000px) rotateY(10deg);
+    transition: transform 0.5s;
 }
 
 .gridPage .feature {