diff --git a/app/src/web/templates/index.html.j2 b/app/src/web/templates/index.html.j2
index 4029f21..32d941b 100644
--- a/app/src/web/templates/index.html.j2
+++ b/app/src/web/templates/index.html.j2
@@ -7,8 +7,8 @@
 {% block content %}
   <div class="w3-row-padding w3-margin-bottom">
     <div class="w3-quarter">
-      <div class="w3-container w3-red w3-padding-16">
-        <div class="w3-left"><i class="fa fa-upload w3-xxxlarge"></i></div>
+      <div class="w3-container w3-indigo w3-padding-16">
+        <div class="w3-left"><i class="fa fa-upload w3-xxxlarge fa-rotate-180"></i></div>
         <div id = "server-cnt" class="w3-right">
           <h3>-</h3>
         </div>
@@ -18,8 +18,8 @@
       </div>
     </div>
     <div class="w3-quarter">
-      <div class="w3-container w3-blue w3-padding-16">
-        <div class="w3-left"><i class="fa fa-download w3-xxxlarge"></i></div>
+      <div class="w3-container w3-purple w3-padding-16">
+        <div class="w3-left"><i class="fa fa-download w3-xxxlarge fa-rotate-180"></i></div>
         <div id = "client-cnt" class="w3-right">
           <h3>-</h3>
         </div>
@@ -29,7 +29,7 @@
       </div>
     </div>
     <div class="w3-quarter">
-      <div class="w3-container w3-teal w3-padding-16">
+      <div class="w3-container w3-orange w3-text-white w3-padding-16">
         <div class="w3-left"><i class="fa fa-cloud w3-xxxlarge"></i></div>
         <div id = "proxy-cnt" class="w3-right">
           <h3>-</h3>
@@ -40,7 +40,7 @@
       </div>
     </div>
     <div class="w3-quarter">
-      <div class="w3-container w3-orange w3-text-white w3-padding-16">
+      <div class="w3-container w3-teal w3-padding-16">
         <div class="w3-left"><i class="fa fa-cloud w3-xxxlarge"></i></div>
         <div id = "emulation-cnt" class="w3-right">
           <h3>-</h3>