diff --git a/ProjectSourceCode/src/resources/css/navigation-bar/scoreboard-header/game-card.css b/ProjectSourceCode/src/resources/css/navigation-bar/scoreboard-header/game-card.css
index 67e88e9..111da45 100644
--- a/ProjectSourceCode/src/resources/css/navigation-bar/scoreboard-header/game-card.css
+++ b/ProjectSourceCode/src/resources/css/navigation-bar/scoreboard-header/game-card.css
@@ -21,9 +21,15 @@
 
 
 #game-card:hover {
-    transform: scale(1.05); /* Scale up by 10% on hover */
+    transform: skewX(-20deg) scale(1.05); /* Increase scale on hover to make it pop */
+    z-index: 998;
+    box-shadow: 
+        -10px 0 20px rgba(0, 0, 0, 0.3), /* Shadow on the left side */
+        10px 0 20px rgba(0, 0, 0, 0.3), /* Shadow on the right side */
+        0 0 20px rgba(0, 0, 0, 0.3); /* Default shadow */
 }
 
+
 /* Entire Card Information Body */
 .score-card-body {
     display: flex;