Small coloring fix

src/components/app/SidebarServers.tsx

@@ -17,8 +17,6 @@ import { Input } from "../ui/input";
 import { Label } from "../ui/label";
 import { toast } from "sonner";
 import { useState } from "react";
-import { get } from "@/lib/request";
-import { Server } from "@/types/types";
 import App from "@/types/app";
 import ProfilePicture from "../ProfilePicture";
 import SettingsDialog from "../settings/SettingsDialog";
@@ -43,10 +41,7 @@ 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
+      <Button onClick={() => router.push(`/chat`)} className="bg-transparent">
-        onClick={() => router.push(`/chat`)}
-        className="bg-transparent text-accent-foreground hover:text-accent"
-      >
         <MessageCircle className="h-6 w-6" />
       </Button>
 

src/components/settings/SettingsDialog.tsx

@@ -10,7 +10,7 @@ import {
 import { cn } from "@/lib/utils";
 import Settings from "./Settings";
 import { ProfileSettings } from "@/types/settings";
-import { ReactNode, useState } from "react";
+import { ReactNode } from "react";
 
 export default function SettingsDialog({
   className,
@@ -29,12 +29,7 @@ export default function SettingsDialog({
         {children ? (
           children
         ) : (
-          <Button
+          <Button className={cn("bg-transparent", className)}>
-            className={cn(
-              "bg-transparent text-accent-foreground hover:text-accent",
-              className
-            )}
-          >
             <SettingsIcon />
           </Button>
         )}