diff --git a/src/App.tsx b/src/App.tsx
index 64ffe1b7..b9108fde 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -15,10 +15,21 @@ const theme = createTheme({
     MuiButton: {
       styleOverrides: {
         root: {
+          // Default styles for all buttons (optional)
+        },
+        containedPrimary: {
+          // Styles for 'contained' variant with 'primary' color
           '&:hover': {
             backgroundColor: "#ff66d9",
           },
         },
+        outlined: {
+          // Apply white background for all 'outlined' variant buttons
+          backgroundColor: "#ffffff",
+          '&:hover': {
+            backgroundColor: "#f0f0f0", // Optional lighter background on hover
+          },
+        },
       },
     },
     MuiLink: {
@@ -42,6 +53,7 @@ const theme = createTheme({
   },
 });
 
+
 function App() {
   return (
     <ThemeProvider theme={theme}>