diff --git a/.gitignore b/.gitignore
index 69368fbb..1da14503 100644
--- a/.gitignore
+++ b/.gitignore
@@ -4,4 +4,5 @@ dist
 dist-ssr
 *.local
 .history
-.env
\ No newline at end of file
+.env
+.vscode
\ No newline at end of file
diff --git a/src/Indicator/Indicator.stories.tsx b/src/Indicator/Indicator.stories.tsx
index ceffcf7c..121f1376 100644
--- a/src/Indicator/Indicator.stories.tsx
+++ b/src/Indicator/Indicator.stories.tsx
@@ -31,3 +31,14 @@ Default.args = {
   ),
   item: <Badge color="error" />,
 }
+
+export const ResponsiveNotificationBubble: Story<IndicatorProps> = (args) => {
+  return <Indicator {...args} />
+}
+
+ResponsiveNotificationBubble.args = {
+  children: (
+    <Avatar src="http://daisyui.com/tailwind-css-component-profile-1@94w.png" />
+  ),
+  item: <Badge responsive={true} color="success" children={<div>7</div>} />,
+}
\ No newline at end of file