2 files changed, 25 insertions, 2 deletions
diff --git a/plugins/base/frontend/src/main/components/app/index.scss b/plugins/base/frontend/src/main/components/app/index.scss
index da5042b1..601ddfa7 100644
--- a/plugins/base/frontend/src/main/components/app/index.scss
+++ b/plugins/base/frontend/src/main/components/app/index.scss
@@ -23,5 +23,11 @@ html,
   top: 0;
   right: 0;
   z-index: 8;
-  background-color: #f4f4f4
+  background-color: #f4f4f4;
+}
+
+@media screen and (max-width: 759px){
+    .search-content {
+        margin: 0 8px;
+    }
 }
diff --git a/plugins/base/frontend/src/main/components/search/search.scss b/plugins/base/frontend/src/main/components/search/search.scss
index e42c2b4c..e7e7673d 100644
--- a/plugins/base/frontend/src/main/components/search/search.scss
+++ b/plugins/base/frontend/src/main/components/search/search.scss
@@ -12,7 +12,13 @@
 }
 
 .popup-wrapper {
-  min-width: calc(100% - 360px) !important;
+    min-width: calc(100% - 360px) !important;
+}
+
+@media screen and (max-width: 759px){
+    .popup-wrapper {
+      min-width: 100% !important;
+    }
 }
 
 .template-wrapper {
@@ -24,6 +30,17 @@
   }
 }
 
+@media screen and (max-width: 759px){
+    .template-wrapper {
+        display: flex;
+        height: auto;
+        flex-direction: column;
+        span {
+            line-height: unset;
+        }
+    }
+}
+
 .template-name {
   justify-self: start;
 }