diff --git a/web/src/app/layout.tsx b/web/src/app/layout.tsx
index 33ce6c4..a48e7dd 100644
--- a/web/src/app/layout.tsx
+++ b/web/src/app/layout.tsx
@@ -50,8 +50,7 @@ export default async function RootLayout({
       <body className={inter.className}>
         <ThemeProvider
           attribute="class"
-          defaultTheme="system"
-          enableSystem
+          defaultTheme="light"
           disableTransitionOnChange
         >
           <SWRProvider>
diff --git a/web/src/components/account-dialog.tsx b/web/src/components/account-dialog.tsx
index 0bdd205..c4b4793 100644
--- a/web/src/components/account-dialog.tsx
+++ b/web/src/components/account-dialog.tsx
@@ -44,7 +44,7 @@ export function AccountDialog({
           <DialogTitle className="flex items-center gap-2">
             Add Telegram Account
             {(account ?? newAccountId) && (
-              <p className="rounded-md bg-gray-100 p-1 text-xs text-muted-foreground">
+              <p className="rounded-md bg-gray-100 p-1 text-xs text-muted-foreground dark:bg-gray-800 dark:text-gray-300">
                 {account ? account.id : newAccountId}
               </p>
             )}
