diff --git a/lib/components/src/tabs/__snapshots__/tabs.stories.storyshot b/lib/components/src/tabs/__snapshots__/tabs.stories.storyshot
index d95f19ce838..21fbde7ecc0 100644
--- a/lib/components/src/tabs/__snapshots__/tabs.stories.storyshot
+++ b/lib/components/src/tabs/__snapshots__/tabs.stories.storyshot
@@ -11,7 +11,7 @@ exports[`Storyshots Components|Tabs stateful - dynamic 1`] = `
   -ms-flex-pack: justify;
   justify-content: space-between;
   background: rgba(255,255,255,1);
-  color: #999;
+  color: #999999;
   height: 40px;
   position: relative;
   overflow: visible;
@@ -291,7 +291,7 @@ exports[`Storyshots Components|Tabs stateful - no initial 1`] = `
   -ms-flex-pack: justify;
   justify-content: space-between;
   background: rgba(255,255,255,1);
-  color: #999;
+  color: #999999;
   height: 40px;
   position: relative;
   overflow: visible;
@@ -527,7 +527,7 @@ exports[`Storyshots Components|Tabs stateful - static 1`] = `
   -ms-flex-pack: justify;
   justify-content: space-between;
   background: rgba(255,255,255,1);
-  color: #999;
+  color: #999999;
   height: 40px;
   position: relative;
   overflow: visible;
@@ -721,7 +721,7 @@ exports[`Storyshots Components|Tabs stateless - absolute 1`] = `
   -ms-flex-pack: justify;
   justify-content: space-between;
   background: rgba(255,255,255,1);
-  color: #999;
+  color: #999999;
   height: 40px;
   position: relative;
   overflow: visible;
@@ -1020,7 +1020,7 @@ exports[`Storyshots Components|Tabs stateless - bordered 1`] = `
   -ms-flex-pack: justify;
   justify-content: space-between;
   background: rgba(255,255,255,1);
-  color: #999;
+  color: #999999;
   height: 40px;
   position: relative;
   overflow: visible;
@@ -1458,7 +1458,7 @@ exports[`Storyshots Components|Tabs stateless - no scrolling 1`] = `
   -ms-flex-pack: justify;
   justify-content: space-between;
   background: rgba(255,255,255,1);
-  color: #999;
+  color: #999999;
   height: 40px;
   position: relative;
   overflow: auto;
@@ -1609,7 +1609,7 @@ exports[`Storyshots Components|Tabs stateless - with tools 1`] = `
   -ms-flex-pack: justify;
   justify-content: space-between;
   background: rgba(255,255,255,1);
-  color: #999;
+  color: #999999;
   height: 40px;
   position: relative;
   overflow: visible;
diff --git a/lib/ui/src/components/panel/__snapshots__/panel.stories.storyshot b/lib/ui/src/components/panel/__snapshots__/panel.stories.storyshot
index deec995f3f9..3fed8deb4be 100644
--- a/lib/ui/src/components/panel/__snapshots__/panel.stories.storyshot
+++ b/lib/ui/src/components/panel/__snapshots__/panel.stories.storyshot
@@ -24,7 +24,7 @@ exports[`Storyshots UI|Panel default 1`] = `
   -ms-flex-pack: justify;
   justify-content: space-between;
   background: rgba(255,255,255,1);
-  color: #999;
+  color: #999999;
   height: 40px;
   position: relative;
   overflow: visible;
diff --git a/lib/ui/src/components/preview/__snapshots__/preview.stories.storyshot b/lib/ui/src/components/preview/__snapshots__/preview.stories.storyshot
index 65aae06f6d5..68529cbf958 100644
--- a/lib/ui/src/components/preview/__snapshots__/preview.stories.storyshot
+++ b/lib/ui/src/components/preview/__snapshots__/preview.stories.storyshot
@@ -68,7 +68,7 @@ Array [
   -ms-flex-pack: justify;
   justify-content: space-between;
   background: rgba(255,255,255,1);
-  color: #999;
+  color: #999999;
   height: 40px;
   position: relative;
   overflow: auto;
@@ -454,7 +454,7 @@ Array [
   -ms-flex-pack: justify;
   justify-content: space-between;
   background: rgba(255,255,255,1);
-  color: #999;
+  color: #999999;
   height: 40px;
   position: relative;
   overflow: auto;