diff --git a/public/js/quickmenu/carddeck.js b/public/js/quickmenu/carddeck.js
index 6cc7a2c..d2f9db0 100644
--- a/public/js/quickmenu/carddeck.js
+++ b/public/js/quickmenu/carddeck.js
@@ -344,11 +344,7 @@ function renderShell() {
         display: flex;
         flex-direction: column;
       }
-      .kd-deck-card-wrap {
-        display: flex;
-        flex-direction: column;
-        gap: 5px;
-      }
+
       .kd-deck-card:hover {
         border-color: #ff4444;
         transform: scale(1.05);
@@ -388,20 +384,19 @@ function renderShell() {
         font-family: "Cinzel", serif; font-size: 9px;
         color: #c8e0a6; text-align: center;
       }
-      .kd-deck-card-count {
+      .kd-deck-card-footer-counts {
         display: flex;
         justify-content: space-between;
         align-items: center;
-        padding: 3px 6px;
-        background: rgba(0,0,0,0.6);
-        border: 1px solid #2a3a10;
-        border-radius: 5px;
-        font-family: "Cinzel", serif;
-        font-size: 11px;
-        font-weight: bold;
+        padding: 2px 6px;
+        background: rgba(0,0,0,0.85);
+        border-top: 1px solid #2a3a10;
+        border-radius: 0 0 6px 6px;
+        height: 20px;
+        flex-shrink: 0;
       }
-      .kd-deck-card-count .owned { color: #c8a86a; }
-      .kd-deck-card-count .indeck { color: #88cc44; }
+      .kd-deck-count-owned { font-family: "Cinzel", serif; font-size: 10px; color: #c8a86a; font-weight: bold; }
+      .kd-deck-count-indeck { font-family: "Cinzel", serif; font-size: 10px; color: #88cc44; font-weight: bold; }
 
       /* ── Empty / Loading States ──────────────── */
       .kd-empty {
@@ -731,17 +726,15 @@ function renderDeckGrid(grid, cards) {
     const ownedEntry = userCardsCache.find(u => u.card_id === c.card_id && u.level === c.level);
     const ownedAmt = ownedEntry ? ownedEntry.amount : "?";
     return `
-    <div class="kd-deck-card-wrap">
-      <div class="kd-deck-card" data-card-id="${c.card_id}" data-level="${c.level}" title="Klicken zum Entfernen: ${c.name}">
-        <img src="/images/cards/${c.image}" alt="${c.name}"
-             onerror="this.src='/images/avatar_placeholder.svg'">
-        <div class="kd-deck-card-footer">
-          <span class="kd-deck-card-name">${c.name}</span>
-        </div>
+    <div class="kd-deck-card" data-card-id="${c.card_id}" data-level="${c.level}" title="Klicken zum Entfernen: ${c.name}">
+      <img src="/images/cards/${c.image}" alt="${c.name}"
+           onerror="this.src='/images/avatar_placeholder.svg'">
+      <div class="kd-deck-card-footer">
+        <span class="kd-deck-card-name">${c.name}</span>
       </div>
-      <div class="kd-deck-card-count">
-        <span class="owned" title="Besessen">${ownedAmt}×</span>
-        <span class="indeck" title="Im Deck">🃏 ${c.amount}</span>
+      <div class="kd-deck-card-footer-counts">
+        <span class="kd-deck-count-owned" title="Besessen">${ownedAmt}×</span>
+        <span class="kd-deck-count-indeck" title="Im Deck">🃏 ${c.amount}</span>
       </div>
     </div>`;
   }).join("");