diff --git a/client/src/app/features/recipes/recipe-details/recipe-details.component.html b/client/src/app/features/recipes/recipe-details/recipe-details.component.html
index f2d19cb..fd7df4b 100644
--- a/client/src/app/features/recipes/recipe-details/recipe-details.component.html
+++ b/client/src/app/features/recipes/recipe-details/recipe-details.component.html
@@ -1,4 +1,4 @@
-<div class="p-4">
+<div class="p-4 overflow-auto h-[90vh]">
   <form class="grid grid-cols-3 gap-4 mb-4" [formGroup]="recipeDetailForm">
     <div
       class="block col-span-1 p-6 bg-white border border-gray-200 rounded-lg shadow"
@@ -90,7 +90,7 @@
       </div>
     </div>
     <div
-      class="col-span-3 overflow-auto mb-4 rounded bg-white border border-gray-200 shadow"
+      class="col-span-3 overflow-auto h-[75vh] mb-4 rounded bg-white border border-gray-200 shadow"
     >
       <app-recipe-list
         [productCode]="productCode"