diff --git a/packages/orbit-components/src/Button/Button.stories.tsx b/packages/orbit-components/src/Button/Button.stories.tsx
index 319938d7f5..72b868c41a 100644
--- a/packages/orbit-components/src/Button/Button.stories.tsx
+++ b/packages/orbit-components/src/Button/Button.stories.tsx
@@ -51,6 +51,23 @@ BasicButtons.story = {
},
};
+export const MultipleFullWidthButtonsInContainer = () => {
+ return (
+
+ Your privacy, your choice
+
+
+
+
+
+
+ );
+};
+
export const ButtonWithIcons = () => {
const children = text("Children", "Button");
const fullWidth = boolean("fullWidth", false);
diff --git a/packages/orbit-components/src/primitives/ButtonPrimitive/index.tsx b/packages/orbit-components/src/primitives/ButtonPrimitive/index.tsx
index 1938ccd0de..b3bdc36f32 100644
--- a/packages/orbit-components/src/primitives/ButtonPrimitive/index.tsx
+++ b/packages/orbit-components/src/primitives/ButtonPrimitive/index.tsx
@@ -162,8 +162,7 @@ const ButtonPrimitive = React.forwardRef*]:align-middle [&_.orbit-loading-spinner]:stroke-[currentColor]",
- "flex-none",
- fullWidth && "w-full",
+ fullWidth ? "w-full flex-auto" : "flex-none",
circled !== true && "rounded-large tb:rounded-normal",
isDisabled
? "cursor-not-allowed opacity-30"