diff --git a/src/context/index.jsx b/src/context/index.jsx
index 653a362d..76388803 100644
--- a/src/context/index.jsx
+++ b/src/context/index.jsx
@@ -33,7 +33,7 @@ export function reducer(state, action) {
 export function MaterialTailwindControllerProvider({ children }) {
   const initialState = {
     openSidenav: false,
-    sidenavColor: "dark",
+    sidenavColor: "gray",
     sidenavType: "white",
     transparentNavbar: true,
     fixedNavbar: false,