diff --git a/src/components/Drawer/Drawer.tsx b/src/components/Drawer/Drawer.tsx
index 30536b71..9e74cf06 100644
--- a/src/components/Drawer/Drawer.tsx
+++ b/src/components/Drawer/Drawer.tsx
@@ -151,7 +151,7 @@ export const Drawer: React.FC<DrawerProps> = ({
     onEscape,
     preventScrollBody = true,
     hideVeil,
-    disablePortal,
+    disablePortal = true,
 }) => {
     let someItemVisible = false;
     React.Children.forEach(children, (child) => {
diff --git a/src/components/Drawer/README.md b/src/components/Drawer/README.md
index 86d8afc8..9c19b453 100644
--- a/src/components/Drawer/README.md
+++ b/src/components/Drawer/README.md
@@ -88,7 +88,7 @@ The Drawer module consists of two primary components: `Drawer` and `DrawerItem`.
 | onVeilClick       | Optional callback function that is called when the veil (overlay) is clicked.                    | `(event: React.MouseEvent) => void` |         |
 | onEscape          | Optional callback function that is called when the escape key is pressed, if the drawer is open. |            `() => void`             |         |
 | hideVeil          | Optional flag to hide the background darkening                                                   |              `boolean`              |         |
-| disablePortal     | Optional flag to not render drawer inside `Portal`                                               |              `boolean`              |         |
+| disablePortal     | Optional flag to not render drawer inside `Portal`                                               |              `boolean`              | `true`  |
 
 ## CSS API