diff --git a/stirling-pdf/src/main/resources/static/css/navbar.css b/stirling-pdf/src/main/resources/static/css/navbar.css
index 78c806267..bf3488d81 100644
--- a/stirling-pdf/src/main/resources/static/css/navbar.css
+++ b/stirling-pdf/src/main/resources/static/css/navbar.css
@@ -479,9 +479,8 @@ html[dir="rtl"] .dropdown-menu[data-bs-popper] {
   display: flex;
   gap: 30px;
   justify-content: center;
-  width: 140%;
+  width: 100%;
   position: relative;
-  left: -20%;
 }
 
 .feature-group {
diff --git a/stirling-pdf/src/main/resources/templates/fragments/common.html b/stirling-pdf/src/main/resources/templates/fragments/common.html
index ca653f969..558aab917 100644
--- a/stirling-pdf/src/main/resources/templates/fragments/common.html
+++ b/stirling-pdf/src/main/resources/templates/fragments/common.html
@@ -24,12 +24,17 @@
   <script>
     window.stirlingPDF = window.stirlingPDF || {};
     
+    const systemDPR = Math.round(window.devicePixelRatio) || 1;
+    
     function scaleNav() {
       const currentDPR = window.devicePixelRatio || 1;
+      const browserZoom = currentDPR / systemDPR;
       
-      // Always counter the scaling
-      const navScale = 1 / currentDPR;
-      const dropdownScale = 1 / Math.sqrt(currentDPR);
+      // Counter-scale to maintain same visual size
+      const navScale = 1.1 / currentDPR;
+      // Dropdowns are children of navbar, so they inherit the navbar scaling
+      // We need to counter both the browser scaling AND the navbar scaling
+      const dropdownScale = 1.1;
       
       console.log('DPR:', currentDPR, 'navScale:', navScale, 'will apply scaling');