diff --git a/app/components/draft/QueueSection.tsx b/app/components/draft/QueueSection.tsx
index 9c7ce56..0f6e9aa 100644
--- a/app/components/draft/QueueSection.tsx
+++ b/app/components/draft/QueueSection.tsx
@@ -77,7 +77,7 @@ const SortableQueueItem = memo(function SortableQueueItem({
       style={style}
       {...attributes}
       className={`p-2 rounded-lg ${
-        canPick ? "bg-electric/10 border border-electric/40" : "bg-card"
+        canPick ? "bg-electric/10 border border-electric/40" : "bg-white/[0.06]"
       }`}
     >
       <div className="flex items-center gap-2">
diff --git a/app/components/draft/SidebarRecentPicks.tsx b/app/components/draft/SidebarRecentPicks.tsx
index 60fa8c8..7aedc80 100644
--- a/app/components/draft/SidebarRecentPicks.tsx
+++ b/app/components/draft/SidebarRecentPicks.tsx
@@ -33,9 +33,9 @@ export const SidebarRecentPicks = memo(function SidebarRecentPicks({ picks }: Si
             .map((pick) => (
               <div
                 key={pick.id}
-                className="flex items-center justify-between p-2 bg-card rounded-lg text-sm"
+                className="flex items-center justify-between p-2 bg-white/[0.06] rounded-lg text-sm"
               >
-                <div className="flex items-center gap-2 min-w-0 flex-1">
+                <div className="flex items-start gap-2 min-w-0 flex-1">
                   <Badge variant="outline" className="text-xs flex-shrink-0">
                     #{pick.pickNumber}
                   </Badge>