diff --git a/packages/ariakit/src/style.css b/packages/ariakit/src/style.css
index 23ab0d04fa..46917be46b 100644
--- a/packages/ariakit/src/style.css
+++ b/packages/ariakit/src/style.css
@@ -42,6 +42,10 @@
   gap: 0.5rem;
 }
 
+.bn-ariakit .bn-panel {
+  max-width: 100vw;
+}
+
 .bn-ariakit .bn-tab-panel {
   align-items: center;
   display: flex;
diff --git a/packages/mantine/src/blocknoteStyles.css b/packages/mantine/src/blocknoteStyles.css
index 27f5767b16..4d1933979c 100644
--- a/packages/mantine/src/blocknoteStyles.css
+++ b/packages/mantine/src/blocknoteStyles.css
@@ -507,6 +507,7 @@
   box-shadow: var(--bn-shadow-medium);
   padding: 2px;
   width: 500px;
+  max-width: 100vw;
 }
 
 .bn-mantine .bn-panel .bn-tab-panel {
diff --git a/packages/shadcn/src/panel/Panel.tsx b/packages/shadcn/src/panel/Panel.tsx
index 298a38f9fd..e24de1fa5e 100644
--- a/packages/shadcn/src/panel/Panel.tsx
+++ b/packages/shadcn/src/panel/Panel.tsx
@@ -25,7 +25,7 @@ export const Panel = forwardRef<
 
   return (
     <ShadCNComponents.Tabs.Tabs
-      className={cn(className, "bg-popover rounded-lg p-2")}
+      className={cn(className, "bg-popover max-w-screen rounded-lg p-2")}
       ref={ref}
       value={openTab}
       defaultValue={defaultOpenTab}
diff --git a/packages/shadcn/src/panel/PanelTextInput.tsx b/packages/shadcn/src/panel/PanelTextInput.tsx
index 3a25cb3f66..8165271d96 100644
--- a/packages/shadcn/src/panel/PanelTextInput.tsx
+++ b/packages/shadcn/src/panel/PanelTextInput.tsx
@@ -18,7 +18,7 @@ export const PanelTextInput = forwardRef<
   return (
     <ShadCNComponents.Input.Input
       data-test={"embed-input"}
-      className={cn(className, "w-80")}
+      className={cn(className, "w-80 max-w-full")}
       ref={ref}
       value={value}
       placeholder={placeholder}