diff --git a/src/components/app/SidebarServers.tsx b/src/components/app/SidebarServers.tsx
index 518cd9c..e1bdce1 100644
--- a/src/components/app/SidebarServers.tsx
+++ b/src/components/app/SidebarServers.tsx
@@ -41,7 +41,10 @@ export default function SidebarServers({ app }: { app: App }) {
 
   return (
     <div className="w-16 flex flex-col items-center gap-4 py-4 border-r h-full overflow-y-scroll no-scrollbar">
-      <Button onClick={() => router.push(`/chat`)} className="bg-transparent">
+      <Button
+        onClick={() => router.push(`/chat`)}
+        className="bg-transparent text-foreground"
+      >
         <MessageCircle className="h-6 w-6" />
       </Button>
 
diff --git a/src/components/settings/SettingsDialog.tsx b/src/components/settings/SettingsDialog.tsx
index 3a25018..c82fe81 100644
--- a/src/components/settings/SettingsDialog.tsx
+++ b/src/components/settings/SettingsDialog.tsx
@@ -29,7 +29,7 @@ export default function SettingsDialog({
         {children ? (
           children
         ) : (
-          <Button className={cn("bg-transparent", className)}>
+          <Button className={cn("bg-transparent text-foreground", className)}>
             <SettingsIcon />
           </Button>
         )}