diff --git a/components/PlayerSlot.vue b/components/PlayerSlot.vue
index 1ded9b9..de4b183 100644
--- a/components/PlayerSlot.vue
+++ b/components/PlayerSlot.vue
@@ -111,20 +111,30 @@ const discard_unwrapped = ref(false)
             </CardPreview>
         </div>
 
+        <div class="stack_and_discard">
+            <CardSlot :stack="props.player.stack_pile">
+                <!-- <button v-if="isSelf && isTurn" @click="draw">DRAW</button> -->
+            </CardSlot>
+            <div class="separator"></div>
+            <div class="separator"></div>
 
-        <CardSlot :stack="props.player.stack_pile">
-            <!-- <button v-if="isSelf && isTurn" @click="draw">DRAW</button> -->
-        </CardSlot>
+            <CardSlot :stack="props.player.discard_pile">
 
+            </CardSlot>
+        </div>
 
-        <CardSlot :stack="props.player.discard_pile">
-
-        </CardSlot>
 
     </div>
 </template>
 
 <style scoped>
+.stack_and_discard {
+    display: flex;
+    flex-direction: row-reverse;
+    justify-content: center;
+
+}
+
 .player {
     border-top: 5px solid black;
 }