diff --git a/components/examples/dashboard/components/data-table.tsx b/components/examples/dashboard/components/data-table.tsx
index 4c73995e9..901650ff5 100644
--- a/components/examples/dashboard/components/data-table.tsx
+++ b/components/examples/dashboard/components/data-table.tsx
@@ -279,7 +279,9 @@ const columns: ColumnDef<z.infer<typeof schema>>[] = [
           <DropdownMenuItem>Make a copy</DropdownMenuItem>
           <DropdownMenuItem>Favorite</DropdownMenuItem>
           <DropdownMenuSeparator />
-          <DropdownMenuItem>Delete</DropdownMenuItem>
+          <DropdownMenuItem className="text-destructive focus:text-destructive">
+            Delete
+          </DropdownMenuItem>
         </DropdownMenuContent>
       </DropdownMenu>
     ),
diff --git a/components/examples/dashboard/components/nav-user.tsx b/components/examples/dashboard/components/nav-user.tsx
index e332f00c1..a075088c2 100644
--- a/components/examples/dashboard/components/nav-user.tsx
+++ b/components/examples/dashboard/components/nav-user.tsx
@@ -94,7 +94,7 @@ export function NavUser({
               </DropdownMenuItem>
             </DropdownMenuGroup>
             <DropdownMenuSeparator />
-            <DropdownMenuItem>
+            <DropdownMenuItem className="text-destructive hover:text-destructive focus:text-destructive">
               <LogOutIcon />
               Log out
             </DropdownMenuItem>
diff --git a/components/examples/mail/components/mail-display.tsx b/components/examples/mail/components/mail-display.tsx
index 196a84ca1..dec8f7e13 100644
--- a/components/examples/mail/components/mail-display.tsx
+++ b/components/examples/mail/components/mail-display.tsx
@@ -45,7 +45,13 @@ export function MailDisplay({ mail }: MailDisplayProps) {
             <ArchiveX className="h-4 w-4" />
             <span className="sr-only">Move to junk</span>
           </Button>
-          <Button variant="ghost" size="icon" disabled={!mail} title="Move to trash">
+          <Button 
+            variant="ghost" 
+            size="icon" 
+            disabled={!mail} 
+            title="Move to trash"
+            className="text-destructive hover:text-destructive focus-visible:text-destructive"
+          >
             <Trash2 className="h-4 w-4" />
             <span className="sr-only">Move to trash</span>
           </Button>
diff --git a/components/examples/tasks/components/data-table-row-actions.tsx b/components/examples/tasks/components/data-table-row-actions.tsx
index 732a509c2..ac7f2bd48 100644
--- a/components/examples/tasks/components/data-table-row-actions.tsx
+++ b/components/examples/tasks/components/data-table-row-actions.tsx
@@ -57,7 +57,7 @@ export function DataTableRowActions<TData>({
           </DropdownMenuSubContent>
         </DropdownMenuSub>
         <DropdownMenuSeparator />
-        <DropdownMenuItem>
+        <DropdownMenuItem className="text-destructive focus:text-destructive">
           Delete
           <DropdownMenuShortcut>⌘⌫</DropdownMenuShortcut>
         </DropdownMenuItem>
diff --git a/components/examples/tasks/components/user-nav.tsx b/components/examples/tasks/components/user-nav.tsx
index 88d34a9f1..4b1f5500c 100644
--- a/components/examples/tasks/components/user-nav.tsx
+++ b/components/examples/tasks/components/user-nav.tsx
@@ -48,7 +48,7 @@ export function UserNav() {
           <DropdownMenuItem>New Team</DropdownMenuItem>
         </DropdownMenuGroup>
         <DropdownMenuSeparator />
-        <DropdownMenuItem>
+        <DropdownMenuItem className="text-destructive focus:text-destructive">
           Log out
           <DropdownMenuShortcut>⇧⌘Q</DropdownMenuShortcut>
         </DropdownMenuItem>
diff --git a/components/user-profile-dropdown.tsx b/components/user-profile-dropdown.tsx
index fd266e55a..667dff97b 100644
--- a/components/user-profile-dropdown.tsx
+++ b/components/user-profile-dropdown.tsx
@@ -120,7 +120,10 @@ export function UserProfileDropdown() {
                   Privacy Policy
                 </Link>
               </DropdownMenuItem>
-              <DropdownMenuItem onClick={handleLogOut}>
+              <DropdownMenuItem 
+                onClick={handleLogOut}
+                className="text-destructive focus:text-destructive"
+              >
                 <LogOut /> Log out
               </DropdownMenuItem>
             </DropdownMenuContent>