diff --git a/src/context/theme-provider.tsx b/src/context/theme-provider.tsx
index 41cce056..4803d915 100644
--- a/src/context/theme-provider.tsx
+++ b/src/context/theme-provider.tsx
@@ -12,27 +12,27 @@ const lightTheme = createTheme({
   components: {
     MuiTableContainer: {
       styleOverrides: {
-      root: {
-        overflow: 'auto',
-        /* Firefox */
-        scrollbarWidth: 'thin',
-        scrollbarColor: 'gray transparent',
+        root: {
+          overflow: 'auto',
+          /* Firefox */
+          scrollbarWidth: 'thin',
+          scrollbarColor: 'gray transparent',
 
-        /* WebKit (Chrome, Edge, Safari) */
-        '&::-webkit-scrollbar': {
-          width: '5px',
-          height: '5px',
-        },
-        '&::-webkit-scrollbar-track': {
-          background: 'transparent',
-        },
-        '&::-webkit-scrollbar-thumb': {
-          backgroundColor: 'gray',
-          borderRadius: '8px',
+          /* WebKit (Chrome, Edge, Safari) */
+          '&::-webkit-scrollbar': {
+            width: '5px',
+            height: '5px',
+          },
+          '&::-webkit-scrollbar-track': {
+            background: 'transparent',
+          },
+          '&::-webkit-scrollbar-thumb': {
+            backgroundColor: 'gray',
+            borderRadius: '8px',
+          },
         },
       },
     },
-  },
     MuiButton: {
       styleOverrides: {
         root: {
@@ -81,6 +81,13 @@ const lightTheme = createTheme({
     },
     MuiAlert: {
       styleOverrides: {
+        outlinedInfo: {
+          color: 'rgb(0, 0, 0)',
+          border: 'none',
+          "& .MuiAlert-icon": {
+            color: "#000000",
+          },
+        },
         standardInfo: {
           backgroundColor: "#fce1f4",
           color: "#ff00c3",
@@ -88,22 +95,6 @@ const lightTheme = createTheme({
             color: "#ff00c3",
           },
         },
-        outlinedInfo: {
-          color: '#000000ff',
-          borderColor: '#000000ff',
-          "& .MuiAlert-icon": {
-            color: "#000000ff",
-          },
-        },
-      },
-    },
-    MuiAlertTitle: {
-      styleOverrides: {
-        root: {
-          "& .MuiAlert-icon": {
-            color: "#ffffff",
-          },
-        },
       },
     },
   },
@@ -134,27 +125,27 @@ const darkTheme = createTheme({
   components: {
     MuiTableContainer: {
       styleOverrides: {
-      root: {
-        overflow: 'auto',
-        /* Firefox */
-        scrollbarWidth: 'thin',
-        scrollbarColor: 'currentColor transparent',
+        root: {
+          overflow: 'auto',
+          /* Firefox */
+          scrollbarWidth: 'thin',
+          scrollbarColor: 'currentColor transparent',
 
-        /* WebKit (Chrome, Edge, Safari) */
-        '&::-webkit-scrollbar': {
-          width: '5px',
-          height: '5px',
-        },
-        '&::-webkit-scrollbar-track': {
-          background: 'transparent',
-        },
-        '&::-webkit-scrollbar-thumb': {
-          backgroundColor: 'currentColor',
-          borderRadius: '8px',
+          /* WebKit (Chrome, Edge, Safari) */
+          '&::-webkit-scrollbar': {
+            width: '5px',
+            height: '5px',
+          },
+          '&::-webkit-scrollbar-track': {
+            background: 'transparent',
+          },
+          '&::-webkit-scrollbar-thumb': {
+            backgroundColor: 'currentColor',
+            borderRadius: '8px',
+          },
         },
       },
     },
-  },
     MuiButton: {
       styleOverrides: {
         root: {
@@ -231,31 +222,23 @@ const darkTheme = createTheme({
     },
     MuiAlert: {
       styleOverrides: {
-        standardInfo: {
-          backgroundColor: "rgba(255, 0, 195, 0.15)",
-          color: "#ff66d9",
-          "& .MuiAlert-icon": {
-            color: "#ff66d9",
-          },
-        },
         outlinedInfo: {
           color: '#ffffff',
-          borderColor: '#ffffff',
+          border: 'none',
           "& .MuiAlert-icon": {
             color: "#ffffff",
           },
         },
-      },
-    },
-    MuiAlertTitle: {
-      styleOverrides: {
-        root: {
+        standardInfo: {
+          backgroundColor: "#080808ff",
+          color: "#ff00c3",
           "& .MuiAlert-icon": {
-            color: "#ff66d9",
+            color: "#ff00c3",
           },
         },
       },
     },
+    // Additional dark mode specific components
     MuiPaper: {
       styleOverrides: {
         root: {
@@ -292,6 +275,14 @@ const darkTheme = createTheme({
         },
       },
     },
+    //   MuiTextField:{
+    //     styleOverrides: {
+    //       root: {
+    //         '& .MuiInputBase-root': {
+    //           backgroundColor: '#1d1c1cff',
+    //         },
+    //   }
+    // }}
   },
 });
 
@@ -331,4 +322,4 @@ const ThemeModeProvider = ({ children }: { children: React.ReactNode }) => {
   );
 };
 
-export default ThemeModeProvider;
+export default ThemeModeProvider;
\ No newline at end of file