diff --git a/apps/client/src/layouts/mobile_layout.tsx b/apps/client/src/layouts/mobile_layout.tsx
index 1727e9d136..2bae994b62 100644
--- a/apps/client/src/layouts/mobile_layout.tsx
+++ b/apps/client/src/layouts/mobile_layout.tsx
@@ -26,6 +26,7 @@ import MobileDetailMenu from "../widgets/mobile_widgets/mobile_detail_menu.js";
 import NoteList from "../widgets/collections/NoteList.jsx";
 import StandaloneRibbonAdapter from "../widgets/ribbon/components/StandaloneRibbonAdapter.jsx";
 import SearchDefinitionTab from "../widgets/ribbon/SearchDefinitionTab.jsx";
+import SearchResult from "../widgets/search_result.jsx";
 
 const MOBILE_CSS = `
 <style>
@@ -158,6 +159,7 @@ export default class MobileLayout {
                                             .child(new NoteDetailWidget())
                                             .child(<NoteList media="screen" />)
                                             .child(<StandaloneRibbonAdapter component={SearchDefinitionTab} />)
+                                            .child(<SearchResult />)
                                             .child(<FilePropertiesWrapper />)
                                     )
                                     .child(<MobileEditorToolbar />)
diff --git a/apps/client/src/widgets/ribbon/SearchDefinitionTab.css b/apps/client/src/widgets/ribbon/SearchDefinitionTab.css
index 640727c98b..967a9a2f70 100644
--- a/apps/client/src/widgets/ribbon/SearchDefinitionTab.css
+++ b/apps/client/src/widgets/ribbon/SearchDefinitionTab.css
@@ -62,7 +62,12 @@
     justify-content: space-evenly;
 }
 
+body.mobile .search-definition-widget {
+    contain: none;
+}
+
 @media (max-width: 720px) {
+
     .search-setting-table {
         display: block;
         font-size: 0.9em;
@@ -159,4 +164,11 @@
         align-items: center;
         justify-content: center !important;
     }
+
+    .search-result-widget,
+    .note-list.list-view,
+    .note-list-wrapper {
+        overflow: unset;
+        height: unset !important;
+    }
 }
\ No newline at end of file