diff --git a/src/features/sidebar/components/Sidebar.vue b/src/features/sidebar/components/Sidebar.vue
index 46e45c0..02616fb 100644
--- a/src/features/sidebar/components/Sidebar.vue
+++ b/src/features/sidebar/components/Sidebar.vue
@@ -56,6 +56,10 @@ const toggleSidebar = function toggleSidebar () {
     margin-bottom: 8px;
 }
 
+.sidebar:not(.expanded) .sidebar-controls {
+    padding: 1em;
+}
+
 @media (max-width: 48rem) {
     .sidebar:not(.expanded) .sidebar-expand-button {
         display: none;
diff --git a/src/layouts/LeftSidebarLayout.vue b/src/layouts/LeftSidebarLayout.vue
index dcb9d4e..3d525c9 100644
--- a/src/layouts/LeftSidebarLayout.vue
+++ b/src/layouts/LeftSidebarLayout.vue
@@ -51,7 +51,7 @@ const toggleExpanded = function toggleExpanded () {
 <style scoped>
 .layout-container {
     display: grid;
-    grid-template-columns: 72px 1fr;
+    grid-template-columns: calc(32px + 2em) 1fr;
     grid-template-rows: auto 1fr;
     grid-template-areas:
         "sidebar-expand sidebar-expand"