diff --git a/app/Components/ConfigMenu/ThemeMenu.tsx b/app/Components/ConfigMenu/ThemeMenu.tsx
index 4090e9d..8188b50 100644
--- a/app/Components/ConfigMenu/ThemeMenu.tsx
+++ b/app/Components/ConfigMenu/ThemeMenu.tsx
@@ -120,8 +120,8 @@ export default function ThemeMenu() {
   };
 
   return (
-    <div className="dropdown mb-72">
-      <div tabIndex={0} role="button" className="btn m-1">
+    <details className="dropdown mb-72 w-full">
+      <summary tabIndex={0} role="button" className="btn btn-secondary m-1 w-full">
         Theme
         <svg
           width="12px"
@@ -132,10 +132,10 @@ export default function ThemeMenu() {
         >
           <path d="M1799 349l242 241-1017 1017L7 590l242-241 775 775 775-775z"></path>
         </svg>
-      </div>
+      </summary>
       <ul
         tabIndex={0}
-        className="w-60 h-[calc(100vh-6rem)] dropdown-content z-[1] p-2 shadow-2xl bg-base-300 rounded-box overflow-y-scroll scroll-mr-2"
+        className="w-full h-[calc(100vh-6rem)]  dropdown-content z-[1] p-2 shadow-2xl bg-base-300 rounded-box overflow-y-scroll scroll-mr-2"
       >
         {themesArray.map((arrayThemeName) => (
           <ThemePod
@@ -146,6 +146,6 @@ export default function ThemeMenu() {
           />
         ))}
       </ul>
-    </div>
+    </details>
   );
 }