diff --git a/packages/components/src/components/button/button.css b/packages/components/src/components/button/button.css
index 8609ed4628..9bea7fd1eb 100644
--- a/packages/components/src/components/button/button.css
+++ b/packages/components/src/components/button/button.css
@@ -76,9 +76,9 @@
   --radius-ghost: var(--radius);
   --border-width-ghost: var(--telekom-spacing-composition-space-01);
   --spacing-x-ghost: var(--telekom-spacing-composition-space-04);
-  --color-ghost: var(--telekom-color-text-and-icon-primary-standard);
-  --color-ghost-hover: var(--telekom-color-text-and-icon-primary-hovered);
-  --color-ghost-active: var(--telekom-color-text-and-icon-primary-pressed);
+  --color-ghost: var(--telekom-color-text-and-icon-link-standard);
+  --color-ghost-hover: var(--telekom-color-text-and-icon-link-hovered);
+  --color-ghost-active: var(--telekom-color-text-and-icon-link-active);
   --color-ghost-disabled: var(--telekom-color-text-and-icon-disabled);
   --background-ghost-hover: var(--telekom-color-ui-state-fill-hovered);
   --background-ghost-active: var(--telekom-color-ui-state-fill-pressed);
diff --git a/packages/storybook-vue/stories/components/button/Button.stories.mdx b/packages/storybook-vue/stories/components/button/Button.stories.mdx
index 540c46e216..5c4db20b29 100644
--- a/packages/storybook-vue/stories/components/button/Button.stories.mdx
+++ b/packages/storybook-vue/stories/components/button/Button.stories.mdx
@@ -221,6 +221,23 @@ For Shadow Parts, please inspect the element's #shadow.
 <scale-button variant="secondary-white">Label</scale-button>
 ```
 
+## Ghost Standard
+
+<Canvas withSource="none">
+  <Story
+    name="Ghost Standard"
+    args={{
+      variant: 'ghost',
+    }}
+  >
+    {Template.bind({})}
+  </Story>
+</Canvas>
+
+```html
+<scale-button variant="secondary-white">Label</scale-button>
+```
+
 ## Disabled
 
 <Canvas withSource="none">
@@ -256,6 +273,25 @@ For Shadow Parts, please inspect the element's #shadow.
 <scale-button variant="secondary" disabled>Label</scale-button>
 ```
 
+## Ghost Disabled
+
+<Canvas withSource="none">
+  <Story
+    name="Ghost Disabled"
+    args={{
+      variant: 'ghost',
+      disabled: true,
+    }}
+  >
+    {Template.bind({})}
+  </Story>
+</Canvas>
+
+```html
+<scale-button variant="secondary" disabled>Label</scale-button>
+```
+
+
 ## With Icon Before
 
 <Canvas withSource="none">