diff --git a/apps/web/styles/tokens.css b/apps/web/styles/tokens.css
index ad7eb10b..4a4bd312 100644
--- a/apps/web/styles/tokens.css
+++ b/apps/web/styles/tokens.css
@@ -62,6 +62,7 @@
   --icon-critical: #d72c0d;
   --icon-warning: #b98900;
   --icon-success: #007f5f;
+  --icon-attention: #ba6116;
   --icon-highlight: #00a0ac;
   --icon-interactive: #2c6ecb;
   --icon-on-interactive: #ffffff;
diff --git a/packages/opub-ui/src/components/Badge/Badge.stories.tsx b/packages/opub-ui/src/components/Badge/Badge.stories.tsx
index fe098e73..6e18cef1 100644
--- a/packages/opub-ui/src/components/Badge/Badge.stories.tsx
+++ b/packages/opub-ui/src/components/Badge/Badge.stories.tsx
@@ -2,7 +2,9 @@ import { Meta, StoryObj } from '@storybook/react';
 import { Badge } from './Badge';
 
 /**
- * Badges are used to inform merchants of the status of an object or of an action that’s been taken.
+ * Badges are used to inform user of the status of an object or of an action that’s been taken.
+ * 
+ *  Reference: https://polaris.shopify.com/components/feedback-indicators/badge
  */
 
 const meta = {