diff --git a/FoodsharingSiegen.Server/Shared/DefaultLayout.razor.css b/FoodsharingSiegen.Server/Shared/DefaultLayout.razor.css
index dd62406..bacecfa 100644
--- a/FoodsharingSiegen.Server/Shared/DefaultLayout.razor.css
+++ b/FoodsharingSiegen.Server/Shared/DefaultLayout.razor.css
@@ -41,7 +41,7 @@
   left: 15px;
   cursor: pointer;
   height: 30px;
-  width: 30px;
+  width: calc(100% - 40px);
   z-index: 1;
 }
 
@@ -58,6 +58,7 @@
   border-radius: 3px;
   left: 0;
   right: 0;
+  width: 30px;
   transition: all 0.25s ease-out;
 }
 
diff --git a/FoodsharingSiegen.Server/Shared/DefaultLayout.razor.scss b/FoodsharingSiegen.Server/Shared/DefaultLayout.razor.scss
index a8da194..5910431 100644
--- a/FoodsharingSiegen.Server/Shared/DefaultLayout.razor.scss
+++ b/FoodsharingSiegen.Server/Shared/DefaultLayout.razor.scss
@@ -42,7 +42,7 @@ $sidebarBreakpoint: $breakpointM;
     left: 15px;
     cursor: pointer;
     height: 30px;
-    width: 30px;
+    width: calc(100% - 40px);
     z-index: 1;
 
     @media screen and (min-width: #{$sidebarBreakpoint}px) {
@@ -56,6 +56,7 @@ $sidebarBreakpoint: $breakpointM;
         border-radius: 3px;
         left: 0;
         right: 0;
+        width: 30px;
         transition: all 0.25s ease-out;
         
         &:nth-child(2) {