diff --git a/examples/official-storybook/tests/__snapshots__/storyshots.test.js.snap b/examples/official-storybook/tests/__snapshots__/storyshots.test.js.snap
index 913118b84dc..55ea770a53a 100644
--- a/examples/official-storybook/tests/__snapshots__/storyshots.test.js.snap
+++ b/examples/official-storybook/tests/__snapshots__/storyshots.test.js.snap
@@ -8061,6 +8061,10 @@ exports[`Storyshots UI|Sidebar/Sidebar loading 1`] = `
   padding-left: 9px;
 }
 
+.emotion-11.emotion-11 > svg + span {
+  background: #DDDDDD;
+}
+
 .emotion-11.emotion-11 > * {
   -webkit-animation: animation-0 1.5s ease-in-out infinite;
   animation: animation-0 1.5s ease-in-out infinite;
@@ -8093,6 +8097,10 @@ exports[`Storyshots UI|Sidebar/Sidebar loading 1`] = `
   padding-left: 24px;
 }
 
+.emotion-19.emotion-19 > svg + span {
+  background: #DDDDDD;
+}
+
 .emotion-19.emotion-19 > * {
   -webkit-animation: animation-0 1.5s ease-in-out infinite;
   animation: animation-0 1.5s ease-in-out infinite;
@@ -8125,6 +8133,10 @@ exports[`Storyshots UI|Sidebar/Sidebar loading 1`] = `
   padding-left: 39px;
 }
 
+.emotion-27.emotion-27 > svg + span {
+  background: #DDDDDD;
+}
+
 .emotion-27.emotion-27 > * {
   -webkit-animation: animation-0 1.5s ease-in-out infinite;
   animation: animation-0 1.5s ease-in-out infinite;
@@ -8157,6 +8169,10 @@ exports[`Storyshots UI|Sidebar/Sidebar loading 1`] = `
   padding-left: 54px;
 }
 
+.emotion-31.emotion-31 > svg + span {
+  background: #DDDDDD;
+}
+
 .emotion-31.emotion-31 > * {
   -webkit-animation: animation-0 1.5s ease-in-out infinite;
   animation: animation-0 1.5s ease-in-out infinite;
@@ -8421,6 +8437,10 @@ exports[`Storyshots UI|Sidebar/Sidebar loading 1`] = `
   padding-left: 9px;
 }
 
+.emotion-11.emotion-11 > svg + span {
+  background: #DDDDDD;
+}
+
 .emotion-11.emotion-11 > * {
   -webkit-animation: animation-0 1.5s ease-in-out infinite;
   animation: animation-0 1.5s ease-in-out infinite;
@@ -8453,6 +8473,10 @@ exports[`Storyshots UI|Sidebar/Sidebar loading 1`] = `
   padding-left: 24px;
 }
 
+.emotion-19.emotion-19 > svg + span {
+  background: #DDDDDD;
+}
+
 .emotion-19.emotion-19 > * {
   -webkit-animation: animation-0 1.5s ease-in-out infinite;
   animation: animation-0 1.5s ease-in-out infinite;
@@ -8485,6 +8509,10 @@ exports[`Storyshots UI|Sidebar/Sidebar loading 1`] = `
   padding-left: 39px;
 }
 
+.emotion-27.emotion-27 > svg + span {
+  background: #DDDDDD;
+}
+
 .emotion-27.emotion-27 > * {
   -webkit-animation: animation-0 1.5s ease-in-out infinite;
   animation: animation-0 1.5s ease-in-out infinite;
@@ -8517,6 +8545,10 @@ exports[`Storyshots UI|Sidebar/Sidebar loading 1`] = `
   padding-left: 54px;
 }
 
+.emotion-31.emotion-31 > svg + span {
+  background: #DDDDDD;
+}
+
 .emotion-31.emotion-31 > * {
   -webkit-animation: animation-0 1.5s ease-in-out infinite;
   animation: animation-0 1.5s ease-in-out infinite;
@@ -13107,6 +13139,10 @@ exports[`Storyshots UI|Sidebar/SidebarItem loading 1`] = `
   padding-left: 9px;
 }
 
+.emotion-3.emotion-3 > svg + span {
+  background: #DDDDDD;
+}
+
 .emotion-3.emotion-3 > * {
   -webkit-animation: animation-0 1.5s ease-in-out infinite;
   animation: animation-0 1.5s ease-in-out infinite;
@@ -13211,6 +13247,10 @@ exports[`Storyshots UI|Sidebar/SidebarItem loading 1`] = `
   padding-left: 9px;
 }
 
+.emotion-3.emotion-3 > svg + span {
+  background: #DDDDDD;
+}
+
 .emotion-3.emotion-3 > * {
   -webkit-animation: animation-0 1.5s ease-in-out infinite;
   animation: animation-0 1.5s ease-in-out infinite;
@@ -15320,6 +15360,10 @@ exports[`Storyshots UI|Sidebar/SidebarStories loading 1`] = `
   padding-left: 9px;
 }
 
+.emotion-3.emotion-3 > svg + span {
+  background: #DDDDDD;
+}
+
 .emotion-3.emotion-3 > * {
   -webkit-animation: animation-0 1.5s ease-in-out infinite;
   animation: animation-0 1.5s ease-in-out infinite;
@@ -15352,6 +15396,10 @@ exports[`Storyshots UI|Sidebar/SidebarStories loading 1`] = `
   padding-left: 24px;
 }
 
+.emotion-11.emotion-11 > svg + span {
+  background: #DDDDDD;
+}
+
 .emotion-11.emotion-11 > * {
   -webkit-animation: animation-0 1.5s ease-in-out infinite;
   animation: animation-0 1.5s ease-in-out infinite;
@@ -15384,6 +15432,10 @@ exports[`Storyshots UI|Sidebar/SidebarStories loading 1`] = `
   padding-left: 39px;
 }
 
+.emotion-19.emotion-19 > svg + span {
+  background: #DDDDDD;
+}
+
 .emotion-19.emotion-19 > * {
   -webkit-animation: animation-0 1.5s ease-in-out infinite;
   animation: animation-0 1.5s ease-in-out infinite;
@@ -15416,6 +15468,10 @@ exports[`Storyshots UI|Sidebar/SidebarStories loading 1`] = `
   padding-left: 54px;
 }
 
+.emotion-23.emotion-23 > svg + span {
+  background: #DDDDDD;
+}
+
 .emotion-23.emotion-23 > * {
   -webkit-animation: animation-0 1.5s ease-in-out infinite;
   animation: animation-0 1.5s ease-in-out infinite;
@@ -15528,6 +15584,10 @@ exports[`Storyshots UI|Sidebar/SidebarStories loading 1`] = `
   padding-left: 9px;
 }
 
+.emotion-3.emotion-3 > svg + span {
+  background: #DDDDDD;
+}
+
 .emotion-3.emotion-3 > * {
   -webkit-animation: animation-0 1.5s ease-in-out infinite;
   animation: animation-0 1.5s ease-in-out infinite;
@@ -15560,6 +15620,10 @@ exports[`Storyshots UI|Sidebar/SidebarStories loading 1`] = `
   padding-left: 24px;
 }
 
+.emotion-11.emotion-11 > svg + span {
+  background: #DDDDDD;
+}
+
 .emotion-11.emotion-11 > * {
   -webkit-animation: animation-0 1.5s ease-in-out infinite;
   animation: animation-0 1.5s ease-in-out infinite;
@@ -15592,6 +15656,10 @@ exports[`Storyshots UI|Sidebar/SidebarStories loading 1`] = `
   padding-left: 39px;
 }
 
+.emotion-19.emotion-19 > svg + span {
+  background: #DDDDDD;
+}
+
 .emotion-19.emotion-19 > * {
   -webkit-animation: animation-0 1.5s ease-in-out infinite;
   animation: animation-0 1.5s ease-in-out infinite;
@@ -15624,6 +15692,10 @@ exports[`Storyshots UI|Sidebar/SidebarStories loading 1`] = `
   padding-left: 54px;
 }
 
+.emotion-23.emotion-23 > svg + span {
+  background: #DDDDDD;
+}
+
 .emotion-23.emotion-23 > * {
   -webkit-animation: animation-0 1.5s ease-in-out infinite;
   animation: animation-0 1.5s ease-in-out infinite;