diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index db15ec04..9fa5c953 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -13,6 +13,8 @@ import Brightness7Icon from '@mui/icons-material/Brightness7';
 import IconButton from '@mui/material/IconButton';
 import customTheme from '../styles/customStyles';
 import darkTheme from '@/styles/darkStyle';
+import { I18nextProvider } from 'react-i18next';
+import i18n from '../i18n';
 
 const ColorModeContext = React.createContext({ toggleColorMode: () => {} });
 
@@ -55,7 +57,9 @@ export default function App({ Component, pageProps }: AppProps) {
     <ColorModeContext.Provider value={colorMode}>
       <ThemeProvider theme={mode === 'light' ? customTheme : darkTheme}>
         {/* <DarkTheme /> */}
-        <Component {...pageProps} />
+        <I18nextProvider i18n={i18n}>
+          <Component {...pageProps} />
+        </I18nextProvider>
       </ThemeProvider>
     </ColorModeContext.Provider>
   );
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 45d9dbd8..ac378193 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -1,8 +1,6 @@
-import { I18nextProvider } from 'react-i18next';
 import React from 'react';
 // Import necessary modules
 import dynamic from 'next/dynamic';
-import i18n from '../i18n';
 
 // Define the type for props
 
@@ -21,13 +19,7 @@ const Home: React.FC = () => {
 
   return (
     <>
-      {/* I18nextProvider for internationalization */}
-      <I18nextProvider i18n={i18n}>
-        {/* Render the TemporaryDrawer and Login components */}
-
-        {/* <Login /> */}
-        <Dashboard />
-      </I18nextProvider>
+      <Login />
     </>
   );
 };