diff --git a/kds/index.html b/kds/index.html
index 0b57415..14c86aa 100644
--- a/kds/index.html
+++ b/kds/index.html
@@ -44,7 +44,8 @@
 
     .line-items { margin-bottom: 15px; }
     .line-item { margin-bottom: 10px; padding: 10px; background: #0a0a0a; border-radius: 6px; }
-    .line-item-main { display: flex; justify-content: space-between; align-items: flex-start; cursor: pointer; }
+    .line-item-main { display: flex; justify-content: space-between; align-items: flex-start; }
+    .line-item-main.has-extras { cursor: pointer; }
     .item-name { font-size: 14px; font-weight: 500; color: #aaa; flex: 1; }
     .item-qty { font-size: 14px; font-weight: 600; color: #666; margin-left: 10px; }
     .mod-badge { display: inline-flex; align-items: center; gap: 3px; margin-left: 6px; padding: 1px 6px; background: #1a1a2e; border-radius: 10px; font-size: 11px; color: #888; cursor: pointer; }
diff --git a/kds/kds.js b/kds/kds.js
index 05ba413..b29cffd 100644
--- a/kds/kds.js
+++ b/kds/kds.js
@@ -381,7 +381,7 @@ function renderLineItem(item, allItems, isOtherStation = false) {
   const extrasId = `extras-${item.OrderLineItemID}`;
   return `
     <div class="line-item${otherClass}${doneClass}">
-      <div class="line-item-main"${hasExtras ? ` onclick="toggleExtras('${extrasId}', this)"` : ''}>
+      <div class="line-item-main${hasExtras ? ' has-extras' : ''}"${hasExtras ? ` onclick="toggleExtras('${extrasId}', this)"` : ''}>
         <div class="item-name">${escapeHtml(item.Name)}</div>
         ${hasExtras ? `<span class="mod-badge">${extrasCount}<span class="chevron">▼</span></span>` : ''}
         <div class="item-qty">x${item.Quantity}</div>