diff --git a/components/email/BulkActionsToolbar.tsx b/components/email/BulkActionsToolbar.tsx
index 414e249b..04a70e79 100644
--- a/components/email/BulkActionsToolbar.tsx
+++ b/components/email/BulkActionsToolbar.tsx
@@ -20,8 +20,8 @@ export default function BulkActionsToolbar({
   onBulkAction
 }: BulkActionsToolbarProps) {
   return (
-    <div className="bg-white border-b border-gray-100 px-4 py-1.5 flex items-center justify-between">
-      <span className="text-xs text-gray-600">
+    <div className="bg-blue-50 border-b border-blue-100 px-4 py-2 flex items-center justify-between">
+      <span className="text-xs font-medium text-blue-700">
         {selectedCount} selected
       </span>
       <div className="flex items-center gap-1">
@@ -31,7 +31,7 @@ export default function BulkActionsToolbar({
               <Button
                 variant="ghost"
                 size="icon"
-                className="h-7 w-7 text-gray-600 hover:text-gray-900"
+                className="h-7 w-7 text-blue-600 hover:text-blue-900 hover:bg-blue-100"
                 onClick={() => onBulkAction('mark-read')}
               >
                 <EyeOff className="h-3.5 w-3.5" />
@@ -49,7 +49,7 @@ export default function BulkActionsToolbar({
               <Button
                 variant="ghost"
                 size="icon"
-                className="h-7 w-7 text-gray-600 hover:text-gray-900"
+                className="h-7 w-7 text-blue-600 hover:text-blue-900 hover:bg-blue-100"
                 onClick={() => onBulkAction('archive')}
               >
                 <Archive className="h-3.5 w-3.5" />
@@ -67,7 +67,7 @@ export default function BulkActionsToolbar({
               <Button
                 variant="ghost"
                 size="icon"
-                className="h-7 w-7 text-red-600 hover:text-red-700"
+                className="h-7 w-7 text-red-600 hover:text-red-700 hover:bg-red-50"
                 onClick={() => onBulkAction('delete')}
               >
                 <Trash2 className="h-3.5 w-3.5" />
diff --git a/components/email/EmailList.tsx b/components/email/EmailList.tsx
index da97309b..7ed0c0cb 100644
--- a/components/email/EmailList.tsx
+++ b/components/email/EmailList.tsx
@@ -119,6 +119,14 @@ export default function EmailList({
 
   return (
     <div className="w-[320px] bg-white/95 backdrop-blur-sm border-r border-gray-100 flex flex-col">
+      {/* Only show bulk actions when emails are explicitly selected via checkboxes */}
+      {selectedEmailIds.length > 0 && (
+        <BulkActionsToolbar 
+          selectedCount={selectedEmailIds.length}
+          onBulkAction={onBulkAction}
+        />
+      )}
+      
       {/* Search header */}
       <div className="border-b border-gray-100">
         <div className="px-4 py-2">
@@ -153,14 +161,6 @@ export default function EmailList({
         />
       </div>
       
-      {/* Only show bulk actions when emails are explicitly selected via checkboxes */}
-      {selectedEmailIds.length > 0 && (
-        <BulkActionsToolbar 
-          selectedCount={selectedEmailIds.length}
-          onBulkAction={onBulkAction}
-        />
-      )}
-      
       <div 
         className="flex-1 overflow-y-auto"
         onScroll={handleScroll}