diff --git a/app/assets/stylesheets/components/sidebar.css b/app/assets/stylesheets/components/sidebar.css
index 4ad74b6..23db824 100644
--- a/app/assets/stylesheets/components/sidebar.css
+++ b/app/assets/stylesheets/components/sidebar.css
@@ -26,6 +26,7 @@
   align-items: center;
   justify-content: center;
   transition: transform var(--transition-fast), background-color var(--transition-fast);
+  z-index: 1;
 }
 
 .sidebar-collapse-button:hover {
@@ -33,6 +34,17 @@
   transform: scale(1.05);
 }
 
+@media (max-width: 720px) {
+  .layout-sidebar-resizer {
+    width: 18px;
+  }
+
+  .sidebar-collapse-button {
+    width: 48px;
+    height: 48px;
+  }
+}
+
 .sidebar-section {
   margin-bottom: var(--spacing-8);
 }