1 files changed, 8 insertions, 2 deletions
diff --git a/frontend/src/components/game/Hand.css b/frontend/src/components/game/Hand.css
index c1aed09f..d26ddfb5 100644
--- a/frontend/src/components/game/Hand.css
+++ b/frontend/src/components/game/Hand.css
@@ -1,15 +1,17 @@
 .hand {
     align-items: center;
-    bottom: -11rem;
+    bottom: 0;
     display: flex;
     height: 345px; /* can hold enhanced cards */
     left: 50%;
+    max-height: 25vw;
     position: absolute;
-    transform: translateX(-50%);
+    transform: translate(-50%, 55%);
     transition: 0.5s
 }
 .hand:hover {
     bottom: 4rem;
+    transform: translate(-50%, 0%);
 }
 
 .hand-card {
@@ -23,6 +25,8 @@
     box-shadow: 2px 2px 5px black;
     grid-row: 1;
     grid-column: 1;
+    max-width: 13vw;
+    max-height: 60vh;
     opacity: 1;
     transition: 0.1s;
     width: 11rem;
@@ -33,6 +37,8 @@
 .hand-card:hover .hand-card-img {
     box-shadow: 0 10px 40px black;
     width: 14rem;
+    max-width: 15vw;
+    max-height: 90vh;
 }
 
 .hand-card .action-buttons {