diff --git a/packages/experimental/src/components/TagSet/TagSet.stories.js b/packages/experimental/src/components/TagSet/TagSet.stories.js
index 782023f371e..87071c816f8 100644
--- a/packages/experimental/src/components/TagSet/TagSet.stories.js
+++ b/packages/experimental/src/components/TagSet/TagSet.stories.js
@@ -132,21 +132,24 @@ export default {
     },
   },
   decorators: [
-    (story) => <div className="tag-set-story__viewport">{story()}</div>,
+    (story) => (
+      <>
+        <style>
+          {`.${blockClass}--show-all-modal { opacity: 0; visibility: hidden; /* prevents glitch storybook modal css load */ }`}
+          ;
+        </style>
+        <div className="tag-set-story__viewport">{story()}</div>
+      </>
+    ),
   ],
 };
 
 const Template = (argsIn) => {
   const { children, containerWidth, ...args } = { ...argsIn };
   return (
-    <>
-      <style>
-        {`.${blockClass}--show-all-modal { opacity: 0; visibility: hidden; }`};
-      </style>
-      <div style={{ width: containerWidth }}>
-        <TagSet {...args}>{children}</TagSet>
-      </div>
-    </>
+    <div style={{ width: containerWidth }}>
+      <TagSet {...args}>{children}</TagSet>
+    </div>
   );
 };
 
diff --git a/packages/experimental/src/components/TagSet/_storybook-styles.scss b/packages/experimental/src/components/TagSet/_storybook-styles.scss
index cbd069c9577..fd6373cf6da 100644
--- a/packages/experimental/src/components/TagSet/_storybook-styles.scss
+++ b/packages/experimental/src/components/TagSet/_storybook-styles.scss
@@ -7,12 +7,14 @@
 @import '../../global/styles/carbon-settings'; // goes before index as it affects how carbon is used.
 @import './index';
 
-.tag-set-story__viewport {
+$block-class: #{$exp-prefix}-tag-set;
+
+.#{$block-class}__viewport {
   position: relative;
   box-shadow: 0 0 0 $layout-02 $ui-01;
 }
 
-.tag-set-story__viewport::before {
+.#{$block-class}__viewport::before {
   position: absolute;
   top: calc(-1 * #{$layout-02});
   left: 0;