diff --git a/src/views/Player.vue b/src/views/Player.vue
index d10a468..f933a59 100644
--- a/src/views/Player.vue
+++ b/src/views/Player.vue
@@ -140,6 +140,7 @@
                     :alt="DisplayRank(match.stats.rank?.new)[1]"
                     :src="DisplayRank(match.stats.rank?.new)[0]"
                     :title="DisplayRank(match.stats.rank?.new)[1]"
+                    :class="match.stats.rank?.new > match.stats.rank?.old ? 'uprank' : match.stats.rank?.new < match.stats.rank?.old ? 'downrank' : ''"
                     class="rank-icon">
               </td>
               <td class="td-length text-center">
@@ -591,12 +592,25 @@ table {
       }
     }
 
-    .td-rank img {
-      width: 70px;
-      height: auto;
+    .td-rank {
+      .uprank {
+        box-shadow: 0 0 20px greenyellow;
+        border: 1px solid greenyellow;
+        border-radius: 5px;
+      }
+      .downrank {
+        box-shadow: 0 0 20px #ff2f2f;
+        border: 1px solid #ff2f2f;
+        border-radius: 5px;
+      }
 
-      .rank-icon {
-        height: 35px;
+      img {
+        width: 70px;
+        height: auto;
+
+        .rank-icon {
+          height: 35px;
+        }
       }
     }
 
@@ -623,6 +637,7 @@ table {
       cursor: pointer;
     }
   }
+
 }
 
 @media screen and (max-width: 768px) {