diff --git a/packages/ariakit/src/style.css b/packages/ariakit/src/style.css
index 59974a6d60..e51b76292d 100644
--- a/packages/ariakit/src/style.css
+++ b/packages/ariakit/src/style.css
@@ -157,6 +157,9 @@
   height: fit-content;
   justify-items: center;
   max-height: inherit;
+  box-sizing: border-box;
+  max-width: inherit;
+  overflow-x: auto;
   overflow-y: auto;
   padding: 20px;
 }
diff --git a/packages/mantine/src/blocknoteStyles.css b/packages/mantine/src/blocknoteStyles.css
index b219cfb628..39fe0796b0 100644
--- a/packages/mantine/src/blocknoteStyles.css
+++ b/packages/mantine/src/blocknoteStyles.css
@@ -441,6 +441,9 @@
   height: fit-content;
   justify-items: center;
   max-height: inherit;
+  box-sizing: border-box;
+  max-width: inherit;
+  overflow-x: auto;
   overflow-y: auto;
   padding: 20px;
 }
diff --git a/packages/react/src/components/SuggestionMenu/GridSuggestionMenu/GridSuggestionMenuController.tsx b/packages/react/src/components/SuggestionMenu/GridSuggestionMenu/GridSuggestionMenuController.tsx
index 1fe667635b..4cc02767ca 100644
--- a/packages/react/src/components/SuggestionMenu/GridSuggestionMenu/GridSuggestionMenuController.tsx
+++ b/packages/react/src/components/SuggestionMenu/GridSuggestionMenu/GridSuggestionMenuController.tsx
@@ -144,8 +144,9 @@ export function GridSuggestionMenuController<
           }),
           shift(),
           size({
-            apply({ elements, availableHeight }) {
+            apply({ elements, availableHeight, availableWidth }) {
               elements.floating.style.maxHeight = `${Math.max(0, availableHeight)}px`;
+              elements.floating.style.maxWidth = `${Math.max(0, availableWidth)}px`;
             },
             padding: 10,
           }),
diff --git a/packages/shadcn/src/suggestionMenu/gridSuggestionMenu/GridSuggestionMenu.tsx b/packages/shadcn/src/suggestionMenu/gridSuggestionMenu/GridSuggestionMenu.tsx
index f8c95331b8..ffdf5ab89f 100644
--- a/packages/shadcn/src/suggestionMenu/gridSuggestionMenu/GridSuggestionMenu.tsx
+++ b/packages/shadcn/src/suggestionMenu/gridSuggestionMenu/GridSuggestionMenu.tsx
@@ -16,7 +16,7 @@ export const GridSuggestionMenu = forwardRef<
     <div
       // Styles from ShadCN DropdownMenuContent component
       className={cn(
-        "bg-popover text-popover-foreground z-50 min-w-32 overflow-x-hidden overflow-y-auto rounded-md p-1 shadow-md ring-1 ring-foreground/10",
+        "bg-popover text-popover-foreground z-50 box-border max-w-[inherit] overflow-x-auto overflow-y-auto rounded-md p-1 shadow-md ring-1 ring-foreground/10",
         "grid",
         className,
       )}