diff --git a/stirling-pdf/src/main/resources/static/css/home.css b/stirling-pdf/src/main/resources/static/css/home.css
index fc1a8c3fb..44bd98935 100644
--- a/stirling-pdf/src/main/resources/static/css/home.css
+++ b/stirling-pdf/src/main/resources/static/css/home.css
@@ -109,3 +109,21 @@
  .add-icon {
   color: var(--favourite-add) !important;
 }
+
+@media (max-width: 767.98px) {
+  #scale-wrap {
+    transform: scale(0.8) !important;
+  }
+
+  .lead {
+    display: none;
+
+  }
+  .filter-button {
+    transform-origin: center left;
+  }
+}
+
+.dropdown-contents {
+  min-width: none m !important;
+}
diff --git a/stirling-pdf/src/main/resources/templates/fragments/navbar.html b/stirling-pdf/src/main/resources/templates/fragments/navbar.html
index eebcffb02..50b7589bd 100644
--- a/stirling-pdf/src/main/resources/templates/fragments/navbar.html
+++ b/stirling-pdf/src/main/resources/templates/fragments/navbar.html
@@ -38,7 +38,7 @@
         <ul class="navbar-nav me-auto flex-nowrap">
 
           <!-- All Tools -->
-          <li id="navItemToHide" class="nav-item dropdown dropdown-mega position-static">
+          <li id="navItemToHide" class="nav-item dropdown">
             <a class="nav-link" id="navbarDropdown-1" href="#" role="button" data-bs-toggle="dropdown"
               aria-haspopup="true" aria-expanded="false">
               <span class="material-symbols-rounded">
diff --git a/stirling-pdf/src/main/resources/templates/home.html b/stirling-pdf/src/main/resources/templates/home.html
index 4415a0a8f..dea02afd4 100644
--- a/stirling-pdf/src/main/resources/templates/home.html
+++ b/stirling-pdf/src/main/resources/templates/home.html
@@ -21,7 +21,7 @@
         <div>
           <br>
           <div style="justify-content: center; display: flex;">
-            <div style="margin:0 3rem">
+            <div>
               <div>
                 <div
                   style="display:flex; flex-direction: column; justify-content: center; width:100%; margin-bottom:1rem">