removed important

YASHMAHAKAL · YASHMAHAKAL · commit c0463ae8a301 · 2026-03-14T22:21:39.000+05:30
Signed-off-by: YASHMAHAKAL &lt;yvsst01@gmail.com&gt;
diff --git a/src/components/Pricing/PricingAddons/index.js b/src/components/Pricing/PricingAddons/index.js
@@ -237,10 +237,6 @@ export const PricingAddons = ({ isYearly = false, setIsYearly, currency, enterpr
                         value={selectedAddon?.id || ""}
                         onChange={(e) => handleAddonChange(e.target.value)}
                         label="Optionally, choose one or more add-ons"
-                        MenuProps={{
-                          disableScrollLock: true,
-                          disablePortal: true,
-                        }}
                       >
                         {addOns.map((addon) => (
                           <MenuItem key={addon.id} value={addon.id}>
diff --git a/src/sections/app.style.js b/src/sections/app.style.js
@@ -57,6 +57,13 @@ body,html {
     overflow-x: hidden;
 }
 
+/* When MUI opens a dropdown/modal, it injects overflow:hidden on <body> via inline style.
+   Because body has overflow:clip, <html> is the actual scroll container. This rule
+   synchronizes the lock — when MUI locks body, we also lock html to prevent scrolling. */
+html:has(body[style*="overflow: hidden"]) {
+    overflow: hidden;
+}
+
 body {
   font-size: 1.125rem;
   overflow: clip;
