diff --git a/admin/src/App.tsx b/admin/src/App.tsx
index b984864cb..708bd1bfd 100644
--- a/admin/src/App.tsx
+++ b/admin/src/App.tsx
@@ -94,7 +94,9 @@ export const App = () => {
                     <Crown width={40} height={40}/>
                     <h1>Etherpad</h1>
                 </span>
-        <ul>
+        <ul onClick={()=>{
+          setSidebarOpen(false)
+        }}>
           <li><NavLink to="/plugins"><Cable/><Trans i18nKey="admin_plugins"/></NavLink></li>
           <li><NavLink to={"/settings"}><Wrench/><Trans i18nKey="admin_settings"/></NavLink></li>
           <li><NavLink to={"/help"}> <Construction/> <Trans i18nKey="admin_plugins_info"/></NavLink></li>
diff --git a/admin/src/index.css b/admin/src/index.css
index 1f80488f9..acc0d2e97 100644
--- a/admin/src/index.css
+++ b/admin/src/index.css
@@ -129,7 +129,7 @@ div.innerwrapper {
   height: 100vh;
   flex-grow: 100;
   margin-left: var(--sidebar-width);
-  padding: 20px;
+  padding: 20px 20px 20px;
 }
 
 div.innerwrapper-err {
@@ -346,7 +346,6 @@ pre {
 @media (max-width: 800px) {
 
   div.innerwrapper {
-    padding: 0 15px 15px 15px;
     margin-left: 0;
   }
 
@@ -357,7 +356,7 @@ pre {
   div.menu {
     height: auto;
     border-right: none;
-    width: 100%;
+    --sidebar-width: 100%;
     float: left;
   }