diff --git a/packages/frontend/src/app/app.component.html b/packages/frontend/src/app/app.component.html
index f4372e2a5..60c15d19f 100644
--- a/packages/frontend/src/app/app.component.html
+++ b/packages/frontend/src/app/app.component.html
@@ -10,6 +10,9 @@
       (ionWillOpen)="updateNavList()"
       contentId="main-content"
       type="overlay"
+      [class]="{
+        cookingToolbarOpen: cookingToolbarService.pinnedRecipes.length > 0
+      }"
     >
       <ion-header>
         <ion-toolbar color="nav">
diff --git a/packages/frontend/src/app/app.scss b/packages/frontend/src/app/app.scss
index 350660e18..52379d655 100644
--- a/packages/frontend/src/app/app.scss
+++ b/packages/frontend/src/app/app.scss
@@ -15,8 +15,9 @@ ion-searchbar {
   }
 }
 
-ion-router-outlet.cookingToolbarOpen {
-  bottom: 60px;
+ion-router-outlet.cookingToolbarOpen,
+ion-menu.cookingToolbarOpen {
+  height: calc(100% - 60px);
 }
 
 .bar-button-default-md:hover:not(.disable-hover),