diff --git a/components/Common/AvatarGroup/Avatar/index.stories.tsx b/components/Common/AvatarGroup/Avatar/index.stories.tsx
index c70c047e7445e..5b92b1cf20568 100644
--- a/components/Common/AvatarGroup/Avatar/index.stories.tsx
+++ b/components/Common/AvatarGroup/Avatar/index.stories.tsx
@@ -15,7 +15,7 @@ export const Default: Story = {
 
 export const NoSquare: Story = {
   args: {
-    src: '/static/images/logos/stacked-dark.svg',
+    src: '/static/images/logos/nodejs.png',
     alt: 'SD',
   },
 };
diff --git a/components/Common/Breadcrumbs/BreadcrumbItem/index.module.css b/components/Common/Breadcrumbs/BreadcrumbItem/index.module.css
index 8f34d7b973d50..46581d798c1f2 100644
--- a/components/Common/Breadcrumbs/BreadcrumbItem/index.module.css
+++ b/components/Common/Breadcrumbs/BreadcrumbItem/index.module.css
@@ -5,6 +5,10 @@
     text-sm
     font-medium;
 
+  a {
+    @apply flex-1;
+  }
+
   &,
   > a,
   > a:hover {
@@ -19,6 +23,7 @@
   .separator {
     @apply h-4
       w-4
+      flex-1
       text-neutral-600
       dark:text-neutral-400;
   }
diff --git a/components/__design__/text.stories.tsx b/components/__design__/text.stories.tsx
index 81c735fe36552..8e363a176f1e7 100644
--- a/components/__design__/text.stories.tsx
+++ b/components/__design__/text.stories.tsx
@@ -31,14 +31,14 @@ export const InlineCode: StoryObj = {
 
 export const Headings: StoryObj = {
   render: () => (
-    <>
+    <div className="mdxContent">
       <h1>HTML Section Heading 1</h1>
       <h2>HTML Section Heading 2</h2>
       <h3>HTML Section Heading 3</h3>
       <h4>HTML Section Heading 4</h4>
       <h5>HTML Section Heading 5</h5>
       <h6>HTML Section Heading 6</h6>
-    </>
+    </div>
   ),
 };