diff --git a/CHANGELOG.md b/CHANGELOG.md
index 7251f99b8..cded684bb 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## Unreleased
 
+### Added
+
+- Added a _Storybook_ story for the activity type component
+
 ### Changed
 
 - Refactored the toggle component to standalone
diff --git a/libs/ui/src/lib/activity-type/activity-type.component.stories.ts b/libs/ui/src/lib/activity-type/activity-type.component.stories.ts
new file mode 100644
index 000000000..349cf6a7b
--- /dev/null
+++ b/libs/ui/src/lib/activity-type/activity-type.component.stories.ts
@@ -0,0 +1,30 @@
+import { CommonModule } from '@angular/common';
+import { IonIcon } from '@ionic/angular/standalone';
+import { moduleMetadata } from '@storybook/angular';
+import type { Meta, StoryObj } from '@storybook/angular';
+
+import { GfActivityTypeComponent } from './activity-type.component';
+
+export default {
+  title: 'Activity Type',
+  component: GfActivityTypeComponent,
+  decorators: [
+    moduleMetadata({
+      imports: [CommonModule, IonIcon]
+    })
+  ],
+  argTypes: {
+    activityType: {
+      control: 'select',
+      options: ['BUY', 'DIVIDEND', 'FEE', 'INTEREST', 'LIABILITY', 'SELL']
+    }
+  }
+} as Meta<GfActivityTypeComponent>;
+
+type Story = StoryObj<GfActivityTypeComponent>;
+
+export const Default: Story = {
+  args: {
+    activityType: 'BUY'
+  }
+};