diff --git a/packages/ui-components/Common/DataTag/index.module.css b/packages/ui-components/Common/DataTag/index.module.css
index 1cf2a76d0d094..0cd6589553f77 100644
--- a/packages/ui-components/Common/DataTag/index.module.css
+++ b/packages/ui-components/Common/DataTag/index.module.css
@@ -49,4 +49,8 @@
   &.ctor {
     @apply bg-accent2-600;
   }
+
+  &.global {
+    @apply bg-amber-600;
+  }
 }
diff --git a/packages/ui-components/Common/DataTag/index.stories.tsx b/packages/ui-components/Common/DataTag/index.stories.tsx
index 2cbbf3f7f4364..6ccf3aecb72f1 100644
--- a/packages/ui-components/Common/DataTag/index.stories.tsx
+++ b/packages/ui-components/Common/DataTag/index.stories.tsx
@@ -8,7 +8,16 @@ type Meta = MetaObj<typeof DataTag>;
 export const DataTags: Story = {
   render: () => (
     <div className="grid grid-cols-3 gap-6 p-6">
-      {['event', 'method', 'property', 'class', 'module', 'classMethod', 'ctor']
+      {[
+        'event',
+        'method',
+        'property',
+        'class',
+        'module',
+        'classMethod',
+        'ctor',
+        'global',
+      ]
         .map(kind =>
           ['sm', 'md', 'lg'].map(size => (
             <div
diff --git a/packages/ui-components/Common/DataTag/index.tsx b/packages/ui-components/Common/DataTag/index.tsx
index ad616fe9009e7..be212e8378022 100644
--- a/packages/ui-components/Common/DataTag/index.tsx
+++ b/packages/ui-components/Common/DataTag/index.tsx
@@ -11,6 +11,7 @@ export type DataTagProps = {
     | 'class'
     | 'module'
     | 'classMethod'
+    | 'global'
     | 'ctor';
   size?: 'lg' | 'md' | 'sm';
 };
@@ -25,6 +26,7 @@ const symbolMap = {
   class: 'C',
   module: 'M',
   classMethod: 'S',
+  global: 'G',
   ctor: 'C',
 } as const;