diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index b131350..33a9a32 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -32,15 +32,15 @@ export default async function RootLayout({
     <html lang={defaultLocale} dir={defaultLocale === 'fa' ? 'rtl' : 'ltr'} suppressHydrationWarning>
       <body
         suppressHydrationWarning={true}
-        className={${mikhak.variable}   relative flex h-full w-full flex-col items-center justify-between antialiased}
+        className={`${mikhak.variable} ${inter.variable} ${jetbrainsMono.variable} relative flex h-full w-full flex-col items-center justify-between antialiased`}
       >
         <ThemeProvider
-          attribute='class'
-          defaultTheme='dark'
+          attribute="class"
+          defaultTheme="dark"
           enableSystem
           disableTransitionOnChange
         >
-          <div className='main flex h-full w-full flex-wrap justify-center'>
+          <div className="main flex h-full w-full flex-wrap justify-center">
             {children}
           </div>
         </ThemeProvider>
