diff --git a/src/pages/detect.vue b/src/pages/detect.vue
index 43028c2..baa5a93 100644
--- a/src/pages/detect.vue
+++ b/src/pages/detect.vue
@@ -99,7 +99,7 @@
   .detect-grid {
     display: grid;
     grid-template-columns: 1fr;
-    grid-template-rows: 1fr auto auto min-content;
+    grid-template-rows: 1fr 56px auto min-content;
     grid-template-areas: 
       "image-view"
       "result-view"
@@ -203,7 +203,7 @@
 
   @media (max-height: 450px) and (orientation: landscape) {
     .detect-grid {
-      grid-template-columns: minmax(0,1fr) max-content auto auto;
+      grid-template-columns: minmax(0,1fr) minmax(56px,max-content) auto auto;
       grid-template-rows: calc(100vh - var(--f7-navbar-height) - var(--f7-safe-area-top) - var(--f7-safe-area-bottom) - 64px);
       grid-template-areas: 
         "image-view result-view detect-settings menu-view";