diff --git a/dashboard-react/components/CheckboxMenu.js b/dashboard-react/components/CheckboxMenu.js
index e1f7c4d..3c559da 100644
--- a/dashboard-react/components/CheckboxMenu.js
+++ b/dashboard-react/components/CheckboxMenu.js
@@ -54,8 +54,27 @@ export default function CheckboxMenu({
           </h3>
         </div>
       </div>
+      <div className="flex join mt-1 justify-center">
+        <button
+          className={`btn join-item btn-sm normal-case hover:bg-secondary ${
+            allSelected ? "bg-primary" : ""
+          }`}
+          onClick={selectAll}
+        >
+          All
+        </button>
+        <button
+          className={`btn join-item btn-sm normal-case hover:bg-secondary ${
+            noneSelected ? "bg-primary" : ""
+          }`}
+          onClick={selectNone}
+        >
+          None
+        </button>
+      </div>
+      <div className="divider my-1"></div>
       <div className={"overflow-auto flex-grow px-4 h-[150px]"}>
-        <ul className="menu dropdown-content bg-base-100 rounded-box z-[1] w-52 p-2 mx-auto shadow">
+        <ul className="menu dropdown-content bg-base-100 rounded-box z-[1] w-52 p-2 mb-2 mx-auto shadow-lg">
           {options?.map((option) => (
             <li key={option}>
               <label className="label cursor-pointer">
@@ -73,25 +92,6 @@ export default function CheckboxMenu({
           ))}
         </ul>
       </div>
-      <div className="mt-2 flex join justify-center">
-        <button
-          className={`btn join-item btn-sm normal-case hover:bg-secondary ${
-            allSelected ? "bg-primary" : ""
-          }`}
-          onClick={selectAll}
-        >
-          All
-        </button>
-        <button
-          className={`btn join-item btn-sm normal-case hover:bg-secondary ${
-            noneSelected ? "bg-primary" : ""
-          }`}
-          onClick={selectNone}
-        >
-          None
-        </button>
-      </div>
-      <div className="divider m-0"></div>
     </div>
   );
 }