diff --git a/packages/web-react/src/components/Navigation/stories/Navigation.stories.tsx b/packages/web-react/src/components/Navigation/stories/Navigation.stories.tsx
index 9faf836f30..13bfae830b 100644
--- a/packages/web-react/src/components/Navigation/stories/Navigation.stories.tsx
+++ b/packages/web-react/src/components/Navigation/stories/Navigation.stories.tsx
@@ -14,16 +14,21 @@ const meta: Meta<typeof Navigation> = {
       page: () => <Markdown>{ReadMe}</Markdown>,
     },
   },
+  argTypes: {
+    children: {
+      control: 'object',
+    },
+  },
   args: {
     children: (
       <>
         <NavigationItem>
-          <NavigationLink href="/" isSelected>
+          <NavigationLink href="#" isSelected>
             Home
           </NavigationLink>
         </NavigationItem>
         <NavigationItem>
-          <NavigationLink href="/">Not Home</NavigationLink>
+          <NavigationLink href="#">Not Home</NavigationLink>
         </NavigationItem>
       </>
     ),
@@ -33,6 +38,6 @@ const meta: Meta<typeof Navigation> = {
 export default meta;
 type Story = StoryObj<typeof Navigation>;
 
-export const Playground: Story = {
+export const NavigationPlayground: Story = {
   name: 'Navigation',
 };
diff --git a/packages/web-react/src/components/Navigation/stories/NavigationItem.stories.tsx b/packages/web-react/src/components/Navigation/stories/NavigationItem.stories.tsx
index f4f0f7781d..60ec676e0a 100644
--- a/packages/web-react/src/components/Navigation/stories/NavigationItem.stories.tsx
+++ b/packages/web-react/src/components/Navigation/stories/NavigationItem.stories.tsx
@@ -14,17 +14,18 @@ const meta: Meta<typeof NavigationItem> = {
     },
   },
   args: {
-    children: (
-      <NavigationLink href="/" isSelected>
-        Home
-      </NavigationLink>
-    ),
+    children: <NavigationLink href="/">Link</NavigationLink>,
   },
 };
 
 export default meta;
 type Story = StoryObj<typeof NavigationItem>;
 
-export const Playground: Story = {
+export const NavigationItemPlayground: Story = {
   name: 'NavigationItem',
+  render: (args) => (
+    <ul style={{ listStyle: 'none', padding: 0, margin: 0 }}>
+      <NavigationItem {...args} />
+    </ul>
+  ),
 };
diff --git a/packages/web-react/src/components/Navigation/stories/NavigationLink.stories.tsx b/packages/web-react/src/components/Navigation/stories/NavigationLink.stories.tsx
index 0adf43803d..5c531ee0da 100644
--- a/packages/web-react/src/components/Navigation/stories/NavigationLink.stories.tsx
+++ b/packages/web-react/src/components/Navigation/stories/NavigationLink.stories.tsx
@@ -27,7 +27,7 @@ const meta: Meta<typeof NavigationLink> = {
     },
   },
   args: {
-    children: 'Home',
+    children: 'Link',
     isDisabled: false,
     isSelected: false,
   },