diff --git a/src/pages/Cutting.tsx b/src/pages/Cutting.tsx
index 7316ec6..1217cb3 100644
--- a/src/pages/Cutting.tsx
+++ b/src/pages/Cutting.tsx
@@ -273,8 +273,13 @@ const Cutting = () => {
       }
     };
 
+    const previousOverflow = document.body.style.overflow;
+    document.body.style.overflow = 'hidden';
     document.addEventListener('keydown', closeOnEscape);
-    return () => document.removeEventListener('keydown', closeOnEscape);
+    return () => {
+      document.body.style.overflow = previousOverflow;
+      document.removeEventListener('keydown', closeOnEscape);
+    };
   }, [isSettingsOpen]);
 
   const updateFamilyYield = (familyKey: CutFamilyKey, value: string) => {
@@ -431,14 +436,14 @@ const Cutting = () => {
 
       {isSettingsOpen && (
         <div
-          className="fixed inset-0 z-50 flex justify-end bg-black/60 backdrop-blur-sm"
+          className="fixed inset-0 z-50 flex h-dvh justify-end overflow-hidden bg-zinc-950/80 backdrop-blur-md dark:bg-black/75"
           role="dialog"
           aria-modal="true"
           aria-label="Regras de corte"
           onClick={() => setIsSettingsOpen(false)}
         >
           <div
-            className="h-full w-full max-w-6xl space-y-4 overflow-y-auto border-l border-dark-border bg-dark-card p-5 shadow-2xl"
+            className="h-dvh w-full max-w-6xl space-y-4 overflow-y-auto border-l border-dark-border bg-dark-card p-5 shadow-2xl"
             onClick={(event) => event.stopPropagation()}
           >
           <div className="flex flex-col gap-3 md:flex-row md:items-center md:justify-between">