diff --git a/themes/modern2/assets/css/components/2-layout/responsive.scss b/themes/modern2/assets/css/components/2-layout/responsive.scss
index b25e8d6ec..f58f33478 100755
--- a/themes/modern2/assets/css/components/2-layout/responsive.scss
+++ b/themes/modern2/assets/css/components/2-layout/responsive.scss
@@ -227,6 +227,7 @@
     }
     .search {
         &Modal {
+            @include transition;
             position: fixed;
             z-index: 1000;
             top: 0;
diff --git a/themes/modern2/assets/css/main.css b/themes/modern2/assets/css/main.css
index 36fd79627..c4f2e0f84 100755
--- a/themes/modern2/assets/css/main.css
+++ b/themes/modern2/assets/css/main.css
@@ -2231,6 +2231,8 @@ li {
   }
 
   .searchModal {
+    transition: all 0.2s ease-in-out 0s;
+    -moz-transition: all 0.2s ease-in-out 0s;
     position: fixed;
     z-index: 1000;
     top: 0;