From 384382a719e729bad6f21a63c66692f95225991b Mon Sep 17 00:00:00 2001
From: Junior Garcia <jrgarciadev@gmail.com>
Date: Fri, 13 Dec 2024 15:47:04 -0300
Subject: [PATCH] fix: modal scroll

---
 apps/docs/components/docs/components/package-managers.tsx   | 6 +++---
 .../content/components/modal/draggable-overflow.raw.jsx     | 3 ++-
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/apps/docs/components/docs/components/package-managers.tsx b/apps/docs/components/docs/components/package-managers.tsx
index 1ec49c1219..7b226c019f 100644
--- a/apps/docs/components/docs/components/package-managers.tsx
+++ b/apps/docs/components/docs/components/package-managers.tsx
@@ -99,10 +99,10 @@ export const PackageManagers = ({
         })}
       </Tabs>
       {showGlobalInstallWarning && (
-        <Blockquote className="my-2 text-small" color="warning">
+        <Blockquote className="my-2 text-base md:text-small" color="warning">
           The above command is for individual installation only. You may skip this step if{" "}
-          <Code className="px-1 py-0.5 text-tiny font-mono">@nextui-org/react</Code> is already
-          installed globally.
+          <Code className="px-1 py-0.5 text-small md:text-tiny font-mono">@nextui-org/react</Code>{" "}
+          is already installed globally.
         </Blockquote>
       )}
     </>
diff --git a/apps/docs/content/components/modal/draggable-overflow.raw.jsx b/apps/docs/content/components/modal/draggable-overflow.raw.jsx
index dc428323b0..9d2ad011d1 100644
--- a/apps/docs/content/components/modal/draggable-overflow.raw.jsx
+++ b/apps/docs/content/components/modal/draggable-overflow.raw.jsx
@@ -11,8 +11,9 @@ import {
 
 export default function App() {
   const {isOpen, onOpen, onOpenChange} = useDisclosure();
+
   const targetRef = React.useRef(null);
-  const {moveProps} = useDraggable({targetRef, canOverflow: true});
+  const {moveProps} = useDraggable({targetRef, canOverflow: true, isDisabled: !isOpen});
 
   return (
     <>