diff --git a/frontend/src/pages/Dashboard.jsx b/frontend/src/pages/Dashboard.jsx
index 8126baa..e0bbe1b 100644
--- a/frontend/src/pages/Dashboard.jsx
+++ b/frontend/src/pages/Dashboard.jsx
@@ -242,6 +242,10 @@ export default function Dashboard() {
 
     }, [editing]);
 
+    const toggleHidden = (e) => {
+        setShowHidden(e.target.checked);
+    };
+
     return (
         <div className="w-full min-h-screen h-screen pb-8">
             <Navbar downloadFiles={downloadFiles}/>
@@ -256,6 +260,15 @@ export default function Dashboard() {
                     <DirectoryList dirs={files} showHidden={showHidden} appendPath={appendPath}
                                    toggleSelected={toggleSelected} toggleEditing={toggleEditing}/>
                 </div>
+                <div className="w-2/3 flex justify-end items-center">
+                    <label className="text-sm mx-2" htmlFor="showHiddenItems">Show Hidden Items</label>
+                    <input
+                        className="p-2"
+                        name="showHiddenItems"
+                        type="checkbox"
+                        checked={showHidden}
+                        onClick={toggleHidden}/>
+                </div>
             </div>
         </div>
     )