diff --git a/stirling-pdf/src/main/resources/templates/fragments/common.html b/stirling-pdf/src/main/resources/templates/fragments/common.html
index 37bc14680..2e9ff4404 100644
--- a/stirling-pdf/src/main/resources/templates/fragments/common.html
+++ b/stirling-pdf/src/main/resources/templates/fragments/common.html
@@ -36,11 +36,10 @@
       
       // Counter-scale to maintain same visual size
       const isMobile = window.innerWidth <= 768 || /Android|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
-      let baseScale = isMobile ? 3 : 1.1;
-      if (isHighDPI) baseScale *= 2; // Double base size on high DPI screens (determined at page load)
+      let baseScale = isMobile ? 3 : (isHighDPI ? 2.2 : 1.1); // Prioritize mobile scaling over high DPI
       const navScale = baseScale / currentDPR;
-      // Dropdowns at 100% (no additional scaling)
-      const dropdownScale = 1.0;
+      // Dropdowns at 80% (20% smaller)
+      const dropdownScale = 0.8;
       
       
       const navbar = document.querySelector('.navbar');
@@ -84,12 +83,11 @@
       setTimeout(() => {
         const dropdowns = document.querySelectorAll('.dropdown-menu');
         dropdowns.forEach(dropdown => {
-          // Scale content, not container
-          dropdown.style.fontSize = `${dropdownScale}em`;
-          // Reset any container scaling
-          dropdown.style.transform = '';
+          dropdown.style.transform = `scale(${dropdownScale})`;
+          dropdown.style.transformOrigin = 'top left';
         });
-        console.log('Applied dropdown content scale:', dropdownScale);
+        
+        console.log('Applied dropdown scale:', dropdownScale);
       }, 100);
     }
     
diff --git a/stirling-pdf/src/main/resources/templates/home.html b/stirling-pdf/src/main/resources/templates/home.html
index fdf053750..e93293a98 100644
--- a/stirling-pdf/src/main/resources/templates/home.html
+++ b/stirling-pdf/src/main/resources/templates/home.html
@@ -247,7 +247,7 @@
       const featuresContainer = document.querySelector('.features-container');
       if (featuresContainer) {
         const isRTL = document.documentElement.dir === 'rtl' || document.documentElement.getAttribute('dir') === 'rtl';
-        const dynamicWidth = Math.min(140, 100 / finalS);
+        const dynamicWidth = Math.min(120, 100 / finalS);
         const offset = (dynamicWidth - 100) / 2;
         
         featuresContainer.style.width = `${dynamicWidth}%`;