diff --git a/app/assets/images/take_the_test.png b/app/assets/images/take_the_test.png
index 3da6c16..8210091 100644
Binary files a/app/assets/images/take_the_test.png and b/app/assets/images/take_the_test.png differ
diff --git a/app/assets/images/view_results.png b/app/assets/images/view_results.png
index 4250ba2..ae83dff 100644
Binary files a/app/assets/images/view_results.png and b/app/assets/images/view_results.png differ
diff --git a/app/assets/stylesheets/home.scss b/app/assets/stylesheets/home.scss
index 001a3ee..5aea230 100644
--- a/app/assets/stylesheets/home.scss
+++ b/app/assets/stylesheets/home.scss
@@ -1,3 +1,7 @@
+body {
+  background-color: rgb(232, 232, 232);
+}
+
 body.result-page {
   background: #D3D3D3;
 }
@@ -75,12 +79,26 @@ body.result-page {
 }
 
 .home-wrapper {
-  background-color: rgba(255, 255, 255, 0.8);
+  background-color: rgb(232, 232, 232);
   display: table;
   margin: 0 auto;
   float: none !important;
   padding: 10px;
-  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
+}
+
+.test_icon {
+  color: rgb(232, 232, 232);
+
+  background-color: rgb(232, 232, 232);
+  border-radius: 100%;
+  box-shadow: 0 20px 20px #e8e8e8, 0 6px 6px rgba(0, 0, 0, 0.26);
+}
+
+.test_icon:hover {
+  color: rgb(232, 232, 232);
+  background-color: rgb(232, 232, 232);
+  border-radius: 100%;
+  box-shadow: 0 20px 20px rgba(226, 223, 223, 0.63), 0 6px 6px rgba(0, 0, 0, 0.26);
 }
 
 .bold {
@@ -265,10 +283,6 @@ body.in-stats .background-container,
   }
   li {
     width: 40%;
-
-    img {
-      max-width: 100%
-    }
   }
 }
 
@@ -558,12 +572,6 @@ body.in-stats .background-container,
   font-size: 20px;
 }
 
-.take-test-img {
-  -ms-transform: rotate(270deg);
-  -webkit-transform: rotate(270deg);
-  transform: rotate(270deg);
-}
-
 .results-sharing-box {
   text-align: center;
   color: white;
diff --git a/app/views/home/_introduction.html.erb b/app/views/home/_introduction.html.erb
index e7a750f..9763bbf 100644
--- a/app/views/home/_introduction.html.erb
+++ b/app/views/home/_introduction.html.erb
@@ -3,16 +3,14 @@
     <ul class='list-inline'>
       <li>
         <%= button_tag type: 'button', id: 'take_test' do %>
-          <%= image_tag 'take_the_test.png', class: 'take-test-img' %>
+          <%= image_tag 'take_the_test.png', class: 'test_icon' %>
         <% end %>
-          <p>Take the Test!!</p>
       </li>
 
       <li>
         <%= link_to result_page_path, data: {no_turbolink: true} do %>
-          <%= image_tag 'view_results.png', width: '65%' %>
+          <%= image_tag 'view_results.png', class: 'test_icon' %>
         <% end %>
-        <p>View Results</p>
       </li>
     </ul>
   </div>