diff --git a/pages/haditha/search/[id]/[slug]/index.vue b/pages/haditha/search/[id]/[slug]/index.vue
index 6796dbe..fe3611d 100644
--- a/pages/haditha/search/[id]/[slug]/index.vue
+++ b/pages/haditha/search/[id]/[slug]/index.vue
@@ -513,7 +513,11 @@ const handlePagination = (prevNextIndicator: string) => {
 
 <!-- because of the buttons, using without scoped. -->
 <style>
+.page-inner-container{
+  height: 100%;
+}
 .search-show-page {
+ 
   .body-header {
     .modal-title {
       padding: 0 0.5em 1.5em;
@@ -837,4 +841,14 @@ const handlePagination = (prevNextIndicator: string) => {
     }
   }
 }
+@media screen and (max-width: 719.99px) {
+  .search-show-page {
+    .body-content {
+      .content {
+        height: calc(100dvh - 15em);
+      overflow-y: auto;
+      }
+    }
+  }
+}
 </style>