diff --git a/examples/cra-kitchen-sink/src/stories/__snapshots__/addon-actions.stories.storyshot b/examples/cra-kitchen-sink/src/stories/__snapshots__/addon-actions.stories.storyshot
deleted file mode 100644
index fc9ac6baeee2..000000000000
--- a/examples/cra-kitchen-sink/src/stories/__snapshots__/addon-actions.stories.storyshot
+++ /dev/null
@@ -1,41 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots Addons|Actions Circular Payload 1`] = `
-<button
-  class="css-1yjiefr"
->
-  Circular Payload
-</button>
-`;
-
-exports[`Storyshots Addons|Actions Decorated Action 1`] = `
-<button
-  class="css-1yjiefr"
->
-  First Argument
-</button>
-`;
-
-exports[`Storyshots Addons|Actions Function Name 1`] = `
-<button
-  class="css-1yjiefr"
->
-  Action.name: fnName
-</button>
-`;
-
-exports[`Storyshots Addons|Actions Hello World 1`] = `
-<button
-  class="css-1yjiefr"
->
-  Hello World
-</button>
-`;
-
-exports[`Storyshots Addons|Actions Reserved keyword as name 1`] = `
-<button
-  class="css-1yjiefr"
->
-  Delete
-</button>
-`;
diff --git a/examples/official-storybook/stories/__snapshots__/addon-a11y.stories.storyshot b/examples/official-storybook/stories/__snapshots__/addon-a11y.stories.storyshot
index d85b387dd973..40a2739f4999 100644
--- a/examples/official-storybook/stories/__snapshots__/addon-a11y.stories.storyshot
+++ b/examples/official-storybook/stories/__snapshots__/addon-a11y.stories.storyshot
@@ -1,8 +1,8 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Addon a11y Default 1`] = `<button />`;
+exports[`Storyshots Addons|a11y Default 1`] = `<button />`;
 
-exports[`Storyshots Addon a11y Disabled 1`] = `
+exports[`Storyshots Addons|a11y Disabled 1`] = `
 <button
   disabled=""
 >
@@ -10,7 +10,7 @@ exports[`Storyshots Addon a11y Disabled 1`] = `
 </button>
 `;
 
-exports[`Storyshots Addon a11y Invalid contrast 1`] = `
+exports[`Storyshots Addons|a11y Invalid contrast 1`] = `
 <button
   style="color:black;background-color:black"
 >
@@ -18,7 +18,7 @@ exports[`Storyshots Addon a11y Invalid contrast 1`] = `
 </button>
 `;
 
-exports[`Storyshots Addon a11y Label 1`] = `
+exports[`Storyshots Addons|a11y Label 1`] = `
 <button>
   Testing the a11y addon
 </button>
diff --git a/examples/official-storybook/stories/__snapshots__/addon-actions.stories.storyshot b/examples/official-storybook/stories/__snapshots__/addon-actions.stories.storyshot
index d245eb9a062c..14d27e909bd3 100644
--- a/examples/official-storybook/stories/__snapshots__/addon-actions.stories.storyshot
+++ b/examples/official-storybook/stories/__snapshots__/addon-actions.stories.storyshot
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Addon Actions All types 1`] = `
+exports[`Storyshots Addons|Actions All types 1`] = `
 <div>
   <button
     class="css-1yjiefr"
@@ -100,7 +100,7 @@ exports[`Storyshots Addon Actions All types 1`] = `
 </div>
 `;
 
-exports[`Storyshots Addon Actions Circular Payload 1`] = `
+exports[`Storyshots Addons|Actions Circular Payload 1`] = `
 <button
   class="css-1yjiefr"
 >
@@ -108,7 +108,7 @@ exports[`Storyshots Addon Actions Circular Payload 1`] = `
 </button>
 `;
 
-exports[`Storyshots Addon Actions Decorated Action 1`] = `
+exports[`Storyshots Addons|Actions Decorated Action 1`] = `
 <button
   class="css-1yjiefr"
 >
@@ -116,7 +116,7 @@ exports[`Storyshots Addon Actions Decorated Action 1`] = `
 </button>
 `;
 
-exports[`Storyshots Addon Actions Function Name 1`] = `
+exports[`Storyshots Addons|Actions Function Name 1`] = `
 <button
   class="css-1yjiefr"
 >
@@ -124,7 +124,7 @@ exports[`Storyshots Addon Actions Function Name 1`] = `
 </button>
 `;
 
-exports[`Storyshots Addon Actions Hello World 1`] = `
+exports[`Storyshots Addons|Actions Hello World 1`] = `
 <button
   class="css-1yjiefr"
 >
@@ -132,7 +132,7 @@ exports[`Storyshots Addon Actions Hello World 1`] = `
 </button>
 `;
 
-exports[`Storyshots Addon Actions Reserved keyword as name 1`] = `
+exports[`Storyshots Addons|Actions Reserved keyword as name 1`] = `
 <button
   class="css-1yjiefr"
 >
diff --git a/examples/official-storybook/stories/__snapshots__/addon-events.stories.storyshot b/examples/official-storybook/stories/__snapshots__/addon-events.stories.storyshot
index 8e6394975064..b7d57931d0c5 100644
--- a/examples/official-storybook/stories/__snapshots__/addon-events.stories.storyshot
+++ b/examples/official-storybook/stories/__snapshots__/addon-events.stories.storyshot
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Addon Events Logger 1`] = `
+exports[`Storyshots Addons|Events Logger 1`] = `
 <div
   style="padding:20px;font-family:-apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", \\"Roboto\\",
       \\"Segoe UI\\", \\"Helvetica Neue\\", \\"Lucida Grande\\", sans-serif;color:rgb(51, 51, 51)"
diff --git a/examples/official-storybook/stories/__snapshots__/addon-info.stories.storyshot b/examples/official-storybook/stories/__snapshots__/addon-info.stories.storyshot
index c581d34dc47a..7a57c1477b52 100644
--- a/examples/official-storybook/stories/__snapshots__/addon-info.stories.storyshot
+++ b/examples/official-storybook/stories/__snapshots__/addon-info.stories.storyshot
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Addon Info.Decorator Use Info as story decorator 1`] = `
+exports[`Storyshots Addons|Info.Decorator Use Info as story decorator 1`] = `
 <div>
   <div
     style="position:relative;z-index:0"
@@ -34,7 +34,7 @@ exports[`Storyshots Addon Info.Decorator Use Info as story decorator 1`] = `
           <h1
             style="margin:0;padding:0;font-size:35px"
           >
-            Addon Info.Decorator
+            Addons|Info.Decorator
           </h1>
           <h2
             style="margin:0 0 10px 0;padding:0;font-weight:400;font-size:22px"
@@ -274,7 +274,7 @@ exports[`Storyshots Addon Info.Decorator Use Info as story decorator 1`] = `
 </div>
 `;
 
-exports[`Storyshots Addon Info.GitHub issues #1814 1`] = `
+exports[`Storyshots Addons|Info.GitHub issues #1814 1`] = `
 <div>
   <div
     style="position:relative;z-index:0"
@@ -311,7 +311,7 @@ exports[`Storyshots Addon Info.GitHub issues #1814 1`] = `
           <h1
             style="margin:0;padding:0;font-size:35px"
           >
-            Addon Info.GitHub issues
+            Addons|Info.GitHub issues
           </h1>
           <h2
             style="margin:0 0 10px 0;padding:0;font-weight:400;font-size:22px"
@@ -428,7 +428,7 @@ exports[`Storyshots Addon Info.GitHub issues #1814 1`] = `
 </div>
 `;
 
-exports[`Storyshots Addon Info.Markdown Displays Markdown in description 1`] = `
+exports[`Storyshots Addons|Info.Markdown Displays Markdown in description 1`] = `
 <div>
   <div
     style="position:relative;z-index:0"
@@ -462,7 +462,7 @@ exports[`Storyshots Addon Info.Markdown Displays Markdown in description 1`] = `
           <h1
             style="margin:0;padding:0;font-size:35px"
           >
-            Addon Info.Markdown
+            Addons|Info.Markdown
           </h1>
           <h2
             style="margin:0 0 10px 0;padding:0;font-weight:400;font-size:22px"
@@ -753,7 +753,7 @@ exports[`Storyshots Addon Info.Markdown Displays Markdown in description 1`] = `
 </div>
 `;
 
-exports[`Storyshots Addon Info.Options.TableComponent Use a custom component for the table 1`] = `
+exports[`Storyshots Addons|Info.Options.TableComponent Use a custom component for the table 1`] = `
 <div>
   <div
     style="position:relative;z-index:0"
@@ -787,7 +787,7 @@ exports[`Storyshots Addon Info.Options.TableComponent Use a custom component for
           <h1
             style="margin:0;padding:0;font-size:35px"
           >
-            Addon Info.Options.TableComponent
+            Addons|Info.Options.TableComponent
           </h1>
           <h2
             style="margin:0 0 10px 0;padding:0;font-weight:400;font-size:22px"
@@ -920,7 +920,7 @@ exports[`Storyshots Addon Info.Options.TableComponent Use a custom component for
 </div>
 `;
 
-exports[`Storyshots Addon Info.Options.header Shows or hides Info Addon header 1`] = `
+exports[`Storyshots Addons|Info.Options.header Shows or hides Info Addon header 1`] = `
 <div>
   <div
     style="position:relative;z-index:0"
@@ -1180,7 +1180,7 @@ exports[`Storyshots Addon Info.Options.header Shows or hides Info Addon header 1
 </div>
 `;
 
-exports[`Storyshots Addon Info.Options.inline Inlines component inside story 1`] = `
+exports[`Storyshots Addons|Info.Options.inline Inlines component inside story 1`] = `
 <div>
   <div>
     <div
@@ -1192,7 +1192,7 @@ exports[`Storyshots Addon Info.Options.inline Inlines component inside story 1`]
         <h1
           style="margin:0;padding:0;font-size:35px"
         >
-          Addon Info.Options.inline
+          Addons|Info.Options.inline
         </h1>
         <h2
           style="margin:0 0 10px 0;padding:0;font-weight:400;font-size:22px"
@@ -1442,7 +1442,7 @@ exports[`Storyshots Addon Info.Options.inline Inlines component inside story 1`]
 </div>
 `;
 
-exports[`Storyshots Addon Info.Options.propTables Shows additional component prop tables 1`] = `
+exports[`Storyshots Addons|Info.Options.propTables Shows additional component prop tables 1`] = `
 <div>
   <div
     style="position:relative;z-index:0"
@@ -1476,7 +1476,7 @@ exports[`Storyshots Addon Info.Options.propTables Shows additional component pro
           <h1
             style="margin:0;padding:0;font-size:35px"
           >
-            Addon Info.Options.propTables
+            Addons|Info.Options.propTables
           </h1>
           <h2
             style="margin:0 0 10px 0;padding:0;font-weight:400;font-size:22px"
@@ -1828,7 +1828,7 @@ exports[`Storyshots Addon Info.Options.propTables Shows additional component pro
 </div>
 `;
 
-exports[`Storyshots Addon Info.Options.propTablesExclude Exclude component from prop tables 1`] = `
+exports[`Storyshots Addons|Info.Options.propTablesExclude Exclude component from prop tables 1`] = `
 <div>
   <div
     style="position:relative;z-index:0"
@@ -1867,7 +1867,7 @@ exports[`Storyshots Addon Info.Options.propTablesExclude Exclude component from
           <h1
             style="margin:0;padding:0;font-size:35px"
           >
-            Addon Info.Options.propTablesExclude
+            Addons|Info.Options.propTablesExclude
           </h1>
           <h2
             style="margin:0 0 10px 0;padding:0;font-weight:400;font-size:22px"
@@ -2166,7 +2166,7 @@ exports[`Storyshots Addon Info.Options.propTablesExclude Exclude component from
 </div>
 `;
 
-exports[`Storyshots Addon Info.Options.source Shows or hides Info Addon source 1`] = `
+exports[`Storyshots Addons|Info.Options.source Shows or hides Info Addon source 1`] = `
 <div>
   <div
     style="position:relative;z-index:0"
@@ -2200,7 +2200,7 @@ exports[`Storyshots Addon Info.Options.source Shows or hides Info Addon source 1
           <h1
             style="margin:0;padding:0;font-size:35px"
           >
-            Addon Info.Options.source
+            Addons|Info.Options.source
           </h1>
           <h2
             style="margin:0 0 10px 0;padding:0;font-weight:400;font-size:22px"
@@ -2396,7 +2396,7 @@ exports[`Storyshots Addon Info.Options.source Shows or hides Info Addon source 1
 </div>
 `;
 
-exports[`Storyshots Addon Info.Options.styles Extend info styles with an object 1`] = `
+exports[`Storyshots Addons|Info.Options.styles Extend info styles with an object 1`] = `
 <div>
   <div
     style="position:relative;z-index:0"
@@ -2430,7 +2430,7 @@ exports[`Storyshots Addon Info.Options.styles Extend info styles with an object
           <h1
             style="margin:0;padding:0;font-size:35px;color:green"
           >
-            Addon Info.Options.styles
+            Addons|Info.Options.styles
           </h1>
           <h2
             style="margin:0 0 10px 0;padding:0;font-weight:400;font-size:22px"
@@ -2661,7 +2661,7 @@ exports[`Storyshots Addon Info.Options.styles Extend info styles with an object
 </div>
 `;
 
-exports[`Storyshots Addon Info.Options.styles Full control over styles using a function 1`] = `
+exports[`Storyshots Addons|Info.Options.styles Full control over styles using a function 1`] = `
 <div>
   <div
     style="position:relative;z-index:0"
@@ -2695,7 +2695,7 @@ exports[`Storyshots Addon Info.Options.styles Full control over styles using a f
           <h1
             style="margin:0;padding:0;font-size:35px;color:red"
           >
-            Addon Info.Options.styles
+            Addons|Info.Options.styles
           </h1>
           <h2
             style="margin:0 0 10px 0;padding:0;font-weight:400;font-size:22px"
@@ -2926,7 +2926,7 @@ exports[`Storyshots Addon Info.Options.styles Full control over styles using a f
 </div>
 `;
 
-exports[`Storyshots Addon Info.React Docgen Comments from Flow declarations 1`] = `
+exports[`Storyshots Addons|Info.React Docgen Comments from Flow declarations 1`] = `
 <div>
   <div
     style="position:relative;z-index:0"
@@ -2960,7 +2960,7 @@ exports[`Storyshots Addon Info.React Docgen Comments from Flow declarations 1`]
           <h1
             style="margin:0;padding:0;font-size:35px"
           >
-            Addon Info.React Docgen
+            Addons|Info.React Docgen
           </h1>
           <h2
             style="margin:0 0 10px 0;padding:0;font-weight:400;font-size:22px"
@@ -3166,7 +3166,7 @@ exports[`Storyshots Addon Info.React Docgen Comments from Flow declarations 1`]
 </div>
 `;
 
-exports[`Storyshots Addon Info.React Docgen Comments from PropType declarations 1`] = `
+exports[`Storyshots Addons|Info.React Docgen Comments from PropType declarations 1`] = `
 <div>
   <div
     style="position:relative;z-index:0"
@@ -3200,7 +3200,7 @@ exports[`Storyshots Addon Info.React Docgen Comments from PropType declarations
           <h1
             style="margin:0;padding:0;font-size:35px"
           >
-            Addon Info.React Docgen
+            Addons|Info.React Docgen
           </h1>
           <h2
             style="margin:0 0 10px 0;padding:0;font-weight:400;font-size:22px"
@@ -3627,7 +3627,7 @@ exports[`Storyshots Addon Info.React Docgen Comments from PropType declarations
 </div>
 `;
 
-exports[`Storyshots Addon Info.React Docgen Comments from component declaration 1`] = `
+exports[`Storyshots Addons|Info.React Docgen Comments from component declaration 1`] = `
 <div>
   <div
     style="position:relative;z-index:0"
@@ -3661,7 +3661,7 @@ exports[`Storyshots Addon Info.React Docgen Comments from component declaration
           <h1
             style="margin:0;padding:0;font-size:35px"
           >
-            Addon Info.React Docgen
+            Addons|Info.React Docgen
           </h1>
           <h2
             style="margin:0 0 10px 0;padding:0;font-weight:400;font-size:22px"
diff --git a/lib/ui/src/modules/ui/components/stories_panel/__snapshots__/index.stories.storyshot b/lib/ui/src/modules/ui/components/stories_panel/__snapshots__/index.stories.storyshot
index 5386fff943d4..63be349d9fd8 100644
--- a/lib/ui/src/modules/ui/components/stories_panel/__snapshots__/index.stories.storyshot
+++ b/lib/ui/src/modules/ui/components/stories_panel/__snapshots__/index.stories.storyshot
@@ -44,7 +44,7 @@ exports[`Storyshots ui/stories/StoriesPanel default 1`] = `
 </div>
 `;
 
-exports[`Storyshots ui/stories/StoriesPanel storiesHierarchy exists but is empty 1`] = `
+exports[`Storyshots ui/stories/StoriesPanel storiesHierarchies exists but is empty 1`] = `
 <div
   style="padding:10px 0 10px 10px"
 >
@@ -84,11 +84,13 @@ exports[`Storyshots ui/stories/StoriesPanel storiesHierarchy exists but is empty
   </div>
   <div
     style="height:calc(100vh - 105px);margin-top:10px;overflow:auto"
-  />
+  >
+    0
+  </div>
 </div>
 `;
 
-exports[`Storyshots ui/stories/StoriesPanel with storiesHierarchy prop 1`] = `
+exports[`Storyshots ui/stories/StoriesPanel with storiesHierarchies prop 1`] = `
 <div
   style="padding:10px 0 10px 10px"
 >
@@ -129,94 +131,96 @@ exports[`Storyshots ui/stories/StoriesPanel with storiesHierarchy prop 1`] = `
   <div
     style="height:calc(100vh - 105px);margin-top:10px;overflow:auto"
   >
-    <ul
-      style="list-style:none;margin:0;padding:5px;font-family:-apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Roboto\\", \\"Oxygen\\", \\"Ubuntu\\", \\"Cantarell\\", \\"Fira Sans\\", \\"Droid Sans\\", \\"Helvetica Neue\\", \\"Lucida Grande\\", \\"Arial\\", sans-serif;font-size:15px;min-width:200px;margin-left:-19px"
-    >
-      <li
-        style="position:relative"
+    <div>
+      <ul
+        style="list-style:none;margin:0;padding:5px;font-family:-apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Roboto\\", \\"Oxygen\\", \\"Ubuntu\\", \\"Cantarell\\", \\"Fira Sans\\", \\"Droid Sans\\", \\"Helvetica Neue\\", \\"Lucida Grande\\", \\"Arial\\", sans-serif;font-size:15px;min-width:200px;margin-left:-19px"
       >
-        <span>
-          <ul
-            style="padding-left:19px;list-style:none"
-          >
-            <li
-              style="position:relative"
+        <li
+          style="position:relative"
+        >
+          <span>
+            <ul
+              style="padding-left:19px;list-style:none"
             >
-              <div
-                data-name="kk"
-                role="menuitem"
-                style="cursor:pointer;position:relative;overflow:hidden;padding:0px 5px;display:block;z-index:1"
-                tabindex="0"
+              <li
+                style="position:relative"
               >
                 <div
-                  data-radium="true"
+                  data-name="kk"
+                  role="menuitem"
+                  style="cursor:pointer;position:relative;overflow:hidden;padding:0px 5px;display:block;z-index:1"
+                  tabindex="0"
                 >
                   <div
-                    style="position:relative;display:inline-block;vertical-align:top;margin-left:-5px;height:24px;width:24px;transform-origin:50% 11px"
+                    data-radium="true"
                   >
                     <div
-                      style="position:absolute;top:50%;left:50%;margin:-6px 0 0 -5px"
+                      style="position:relative;display:inline-block;vertical-align:top;margin-left:-5px;height:24px;width:24px;transform-origin:50% 11px"
                     >
-                      <svg
-                        fill="currentColor"
-                        height="10"
-                        preserveAspectRatio="xMidYMid meet"
-                        style="vertical-align:top;fill:#9DA5AB"
-                        viewBox="0 0 40 40"
-                        width="10"
+                      <div
+                        style="position:absolute;top:50%;left:50%;margin:-6px 0 0 -5px"
                       >
-                        <g>
-                          <path
-                            d="m23.3 20l-13.1-13.6c-0.3-0.3-0.3-0.9 0-1.2l2.4-2.4c0.3-0.3 0.9-0.4 1.2-0.1l16 16.7c0.1 0.1 0.2 0.4 0.2 0.6s-0.1 0.5-0.2 0.6l-16 16.7c-0.3 0.3-0.9 0.3-1.2 0l-2.4-2.5c-0.3-0.3-0.3-0.9 0-1.2z"
-                          />
-                        </g>
-                      </svg>
+                        <svg
+                          fill="currentColor"
+                          height="10"
+                          preserveAspectRatio="xMidYMid meet"
+                          style="vertical-align:top;fill:#9DA5AB"
+                          viewBox="0 0 40 40"
+                          width="10"
+                        >
+                          <g>
+                            <path
+                              d="m23.3 20l-13.1-13.6c-0.3-0.3-0.3-0.9 0-1.2l2.4-2.4c0.3-0.3 0.9-0.4 1.2-0.1l16 16.7c0.1 0.1 0.2 0.4 0.2 0.6s-0.1 0.5-0.2 0.6l-16 16.7c-0.3 0.3-0.9 0.3-1.2 0l-2.4-2.5c-0.3-0.3-0.3-0.9 0-1.2z"
+                            />
+                          </g>
+                        </svg>
+                      </div>
                     </div>
-                  </div>
-                  <div
-                    style="display:inline-block;vertical-align:top;max-width:calc(100% - 24px)"
-                  >
                     <div
-                      style="line-height:18px;padding:1px 0 5px"
+                      style="display:inline-block;vertical-align:top;max-width:calc(100% - 24px)"
                     >
-                      kk
+                      <div
+                        style="line-height:18px;padding:1px 0 5px"
+                      >
+                        kk
+                      </div>
                     </div>
                   </div>
                 </div>
-              </div>
-              <span>
-                <ul
-                  style="padding-left:19px;list-style:none"
-                >
-                  <li
-                    style="position:relative"
+                <span>
+                  <ul
+                    style="padding-left:19px;list-style:none"
                   >
-                    <a
-                      class="css-1enjukp"
-                      data-name="bb"
-                      href="?selectedKind=kk&selectedStory=bb&full=NaN&addons=NaN&stories=NaN&panelRight=NaN"
+                    <li
+                      style="position:relative"
                     >
-                      <div
-                        data-radium="true"
+                      <a
+                        class="css-1enjukp"
+                        data-name="bb"
+                        href="?selectedKind=kk&selectedStory=bb&full=NaN&addons=NaN&stories=NaN&panelRight=NaN"
                       >
                         <div
-                          style="display:inline-block;vertical-align:top;max-width:calc(100% - 24px)"
+                          data-radium="true"
                         >
-                          <div>
-                            bb
+                          <div
+                            style="display:inline-block;vertical-align:top;max-width:calc(100% - 24px)"
+                          >
+                            <div>
+                              bb
+                            </div>
                           </div>
                         </div>
-                      </div>
-                    </a>
-                    <span />
-                  </li>
-                </ul>
-              </span>
-            </li>
-          </ul>
-        </span>
-      </li>
-    </ul>
+                      </a>
+                      <span />
+                    </li>
+                  </ul>
+                </span>
+              </li>
+            </ul>
+          </span>
+        </li>
+      </ul>
+    </div>
   </div>
 </div>
 `;
diff --git a/lib/ui/src/modules/ui/components/stories_panel/stories_tree/__snapshots__/index.stories.storyshot b/lib/ui/src/modules/ui/components/stories_panel/stories_tree/__snapshots__/index.stories.storyshot
index 56c657c48830..0a3bea905f3d 100644
--- a/lib/ui/src/modules/ui/components/stories_panel/stories_tree/__snapshots__/index.stories.storyshot
+++ b/lib/ui/src/modules/ui/components/stories_panel/stories_tree/__snapshots__/index.stories.storyshot
@@ -1,828 +1,838 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Storyshots ui/stories/Stories empty 1`] = `
-<ul
-  style="list-style:none;margin:0;padding:5px;font-family:-apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Roboto\\", \\"Oxygen\\", \\"Ubuntu\\", \\"Cantarell\\", \\"Fira Sans\\", \\"Droid Sans\\", \\"Helvetica Neue\\", \\"Lucida Grande\\", \\"Arial\\", sans-serif;font-size:15px;min-width:200px;margin-left:-19px"
->
-  <li
-    style="position:relative"
+<div>
+  <ul
+    style="list-style:none;margin:0;padding:5px;font-family:-apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Roboto\\", \\"Oxygen\\", \\"Ubuntu\\", \\"Cantarell\\", \\"Fira Sans\\", \\"Droid Sans\\", \\"Helvetica Neue\\", \\"Lucida Grande\\", \\"Arial\\", sans-serif;font-size:15px;min-width:200px;margin-left:-19px"
   >
-    <span>
-      <ul
-        style="padding-left:19px;list-style:none"
-      />
-    </span>
-  </li>
-</ul>
+    <li
+      style="position:relative"
+    >
+      <span>
+        <ul
+          style="padding-left:19px;list-style:none"
+        />
+      </span>
+    </li>
+  </ul>
+</div>
 `;
 
 exports[`Storyshots ui/stories/Stories simple 1`] = `
-<ul
-  style="list-style:none;margin:0;padding:5px;font-family:-apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Roboto\\", \\"Oxygen\\", \\"Ubuntu\\", \\"Cantarell\\", \\"Fira Sans\\", \\"Droid Sans\\", \\"Helvetica Neue\\", \\"Lucida Grande\\", \\"Arial\\", sans-serif;font-size:15px;min-width:200px;margin-left:-19px"
->
-  <li
-    style="position:relative"
+<div>
+  <ul
+    style="list-style:none;margin:0;padding:5px;font-family:-apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Roboto\\", \\"Oxygen\\", \\"Ubuntu\\", \\"Cantarell\\", \\"Fira Sans\\", \\"Droid Sans\\", \\"Helvetica Neue\\", \\"Lucida Grande\\", \\"Arial\\", sans-serif;font-size:15px;min-width:200px;margin-left:-19px"
   >
-    <span>
-      <ul
-        style="padding-left:19px;list-style:none"
-      >
-        <li
-          style="position:relative"
+    <li
+      style="position:relative"
+    >
+      <span>
+        <ul
+          style="padding-left:19px;list-style:none"
         >
-          <div
-            data-name="a"
-            role="menuitem"
-            style="cursor:pointer;position:relative;overflow:hidden;padding:0px 5px;display:block;z-index:1"
-            tabindex="0"
+          <li
+            style="position:relative"
           >
             <div
-              data-radium="true"
+              data-name="a"
+              role="menuitem"
+              style="cursor:pointer;position:relative;overflow:hidden;padding:0px 5px;display:block;z-index:1"
+              tabindex="0"
             >
               <div
-                style="position:relative;display:inline-block;vertical-align:top;margin-left:-5px;height:24px;width:24px;transform-origin:50% 11px"
+                data-radium="true"
               >
                 <div
-                  style="position:absolute;top:50%;left:50%;margin:-6px 0 0 -5px"
+                  style="position:relative;display:inline-block;vertical-align:top;margin-left:-5px;height:24px;width:24px;transform-origin:50% 11px"
                 >
-                  <svg
-                    fill="currentColor"
-                    height="10"
-                    preserveAspectRatio="xMidYMid meet"
-                    style="vertical-align:top;fill:#9DA5AB"
-                    viewBox="0 0 40 40"
-                    width="10"
+                  <div
+                    style="position:absolute;top:50%;left:50%;margin:-6px 0 0 -5px"
                   >
-                    <g>
-                      <path
-                        d="m23.3 20l-13.1-13.6c-0.3-0.3-0.3-0.9 0-1.2l2.4-2.4c0.3-0.3 0.9-0.4 1.2-0.1l16 16.7c0.1 0.1 0.2 0.4 0.2 0.6s-0.1 0.5-0.2 0.6l-16 16.7c-0.3 0.3-0.9 0.3-1.2 0l-2.4-2.5c-0.3-0.3-0.3-0.9 0-1.2z"
-                      />
-                    </g>
-                  </svg>
+                    <svg
+                      fill="currentColor"
+                      height="10"
+                      preserveAspectRatio="xMidYMid meet"
+                      style="vertical-align:top;fill:#9DA5AB"
+                      viewBox="0 0 40 40"
+                      width="10"
+                    >
+                      <g>
+                        <path
+                          d="m23.3 20l-13.1-13.6c-0.3-0.3-0.3-0.9 0-1.2l2.4-2.4c0.3-0.3 0.9-0.4 1.2-0.1l16 16.7c0.1 0.1 0.2 0.4 0.2 0.6s-0.1 0.5-0.2 0.6l-16 16.7c-0.3 0.3-0.9 0.3-1.2 0l-2.4-2.5c-0.3-0.3-0.3-0.9 0-1.2z"
+                        />
+                      </g>
+                    </svg>
+                  </div>
                 </div>
-              </div>
-              <div
-                style="display:inline-block;vertical-align:top;max-width:calc(100% - 24px)"
-              >
                 <div
-                  style="line-height:18px;padding:1px 0 5px"
+                  style="display:inline-block;vertical-align:top;max-width:calc(100% - 24px)"
                 >
-                  a
+                  <div
+                    style="line-height:18px;padding:1px 0 5px"
+                  >
+                    a
+                  </div>
                 </div>
               </div>
             </div>
-          </div>
-          <span />
-        </li>
-        <li
-          style="position:relative"
-        >
-          <div
-            data-name="b"
-            role="menuitem"
-            style="cursor:pointer;position:relative;overflow:hidden;padding:0px 5px;display:block;z-index:1"
-            tabindex="0"
+            <span />
+          </li>
+          <li
+            style="position:relative"
           >
             <div
-              data-radium="true"
+              data-name="b"
+              role="menuitem"
+              style="cursor:pointer;position:relative;overflow:hidden;padding:0px 5px;display:block;z-index:1"
+              tabindex="0"
             >
               <div
-                style="position:relative;display:inline-block;vertical-align:top;margin-left:-5px;height:24px;width:24px;transform-origin:50% 11px"
+                data-radium="true"
               >
                 <div
-                  style="position:absolute;top:50%;left:50%;margin:-6px 0 0 -5px"
+                  style="position:relative;display:inline-block;vertical-align:top;margin-left:-5px;height:24px;width:24px;transform-origin:50% 11px"
                 >
-                  <svg
-                    fill="currentColor"
-                    height="10"
-                    preserveAspectRatio="xMidYMid meet"
-                    style="vertical-align:top;fill:#9DA5AB"
-                    viewBox="0 0 40 40"
-                    width="10"
+                  <div
+                    style="position:absolute;top:50%;left:50%;margin:-6px 0 0 -5px"
                   >
-                    <g>
-                      <path
-                        d="m23.3 20l-13.1-13.6c-0.3-0.3-0.3-0.9 0-1.2l2.4-2.4c0.3-0.3 0.9-0.4 1.2-0.1l16 16.7c0.1 0.1 0.2 0.4 0.2 0.6s-0.1 0.5-0.2 0.6l-16 16.7c-0.3 0.3-0.9 0.3-1.2 0l-2.4-2.5c-0.3-0.3-0.3-0.9 0-1.2z"
-                      />
-                    </g>
-                  </svg>
+                    <svg
+                      fill="currentColor"
+                      height="10"
+                      preserveAspectRatio="xMidYMid meet"
+                      style="vertical-align:top;fill:#9DA5AB"
+                      viewBox="0 0 40 40"
+                      width="10"
+                    >
+                      <g>
+                        <path
+                          d="m23.3 20l-13.1-13.6c-0.3-0.3-0.3-0.9 0-1.2l2.4-2.4c0.3-0.3 0.9-0.4 1.2-0.1l16 16.7c0.1 0.1 0.2 0.4 0.2 0.6s-0.1 0.5-0.2 0.6l-16 16.7c-0.3 0.3-0.9 0.3-1.2 0l-2.4-2.5c-0.3-0.3-0.3-0.9 0-1.2z"
+                        />
+                      </g>
+                    </svg>
+                  </div>
                 </div>
-              </div>
-              <div
-                style="display:inline-block;vertical-align:top;max-width:calc(100% - 24px)"
-              >
                 <div
-                  style="line-height:18px;padding:1px 0 5px"
+                  style="display:inline-block;vertical-align:top;max-width:calc(100% - 24px)"
                 >
-                  b
+                  <div
+                    style="line-height:18px;padding:1px 0 5px"
+                  >
+                    b
+                  </div>
                 </div>
               </div>
             </div>
-          </div>
-          <span>
-            <ul
-              style="padding-left:19px;list-style:none"
-            >
-              <li
-                style="position:relative"
+            <span>
+              <ul
+                style="padding-left:19px;list-style:none"
               >
-                <a
-                  class="css-1b2u8sb"
-                  data-name="b1"
-                  href="?selectedKind=b&selectedStory=b1&full=NaN&addons=NaN&stories=NaN&panelRight=NaN"
+                <li
+                  style="position:relative"
                 >
-                  <div
-                    data-radium="true"
+                  <a
+                    class="css-1b2u8sb"
+                    data-name="b1"
+                    href="?selectedKind=b&selectedStory=b1&full=NaN&addons=NaN&stories=NaN&panelRight=NaN"
                   >
                     <div
-                      style="display:inline-block;vertical-align:top;max-width:calc(100% - 24px)"
+                      data-radium="true"
                     >
-                      <div>
-                        b1
+                      <div
+                        style="display:inline-block;vertical-align:top;max-width:calc(100% - 24px)"
+                      >
+                        <div>
+                          b1
+                        </div>
                       </div>
                     </div>
-                  </div>
-                </a>
-                <span />
-              </li>
-              <li
-                style="position:relative"
-              >
-                <a
-                  class="css-1enjukp"
-                  data-name="b2"
-                  href="?selectedKind=b&selectedStory=b2&full=NaN&addons=NaN&stories=NaN&panelRight=NaN"
+                  </a>
+                  <span />
+                </li>
+                <li
+                  style="position:relative"
                 >
-                  <div
-                    data-radium="true"
+                  <a
+                    class="css-1enjukp"
+                    data-name="b2"
+                    href="?selectedKind=b&selectedStory=b2&full=NaN&addons=NaN&stories=NaN&panelRight=NaN"
                   >
                     <div
-                      style="display:inline-block;vertical-align:top;max-width:calc(100% - 24px)"
+                      data-radium="true"
                     >
-                      <div>
-                        b2
+                      <div
+                        style="display:inline-block;vertical-align:top;max-width:calc(100% - 24px)"
+                      >
+                        <div>
+                          b2
+                        </div>
                       </div>
                     </div>
-                  </div>
-                </a>
-                <span />
-              </li>
-            </ul>
-          </span>
-        </li>
-      </ul>
-    </span>
-  </li>
-</ul>
+                  </a>
+                  <span />
+                </li>
+              </ul>
+            </span>
+          </li>
+        </ul>
+      </span>
+    </li>
+  </ul>
+</div>
 `;
 
 exports[`Storyshots ui/stories/Stories with hierarchy - hierarchySeparator is defined 1`] = `
-<ul
-  style="list-style:none;margin:0;padding:5px;font-family:-apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Roboto\\", \\"Oxygen\\", \\"Ubuntu\\", \\"Cantarell\\", \\"Fira Sans\\", \\"Droid Sans\\", \\"Helvetica Neue\\", \\"Lucida Grande\\", \\"Arial\\", sans-serif;font-size:15px;min-width:200px;margin-left:-19px"
->
-  <li
-    style="position:relative"
+<div>
+  <ul
+    style="list-style:none;margin:0;padding:5px;font-family:-apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Roboto\\", \\"Oxygen\\", \\"Ubuntu\\", \\"Cantarell\\", \\"Fira Sans\\", \\"Droid Sans\\", \\"Helvetica Neue\\", \\"Lucida Grande\\", \\"Arial\\", sans-serif;font-size:15px;min-width:200px;margin-left:-19px"
   >
-    <span>
-      <ul
-        style="padding-left:19px;list-style:none"
-      >
-        <li
-          style="position:relative"
+    <li
+      style="position:relative"
+    >
+      <span>
+        <ul
+          style="padding-left:19px;list-style:none"
         >
-          <div
-            data-name="some"
-            role="menuitem"
-            style="cursor:pointer;position:relative;overflow:hidden;padding:0px 5px;display:block;z-index:1"
-            tabindex="0"
+          <li
+            style="position:relative"
           >
             <div
-              data-radium="true"
+              data-name="some"
+              role="menuitem"
+              style="cursor:pointer;position:relative;overflow:hidden;padding:0px 5px;display:block;z-index:1"
+              tabindex="0"
             >
               <div
-                style="position:relative;display:inline-block;vertical-align:top;margin-left:-5px;height:24px;width:24px;transform-origin:50% 11px"
+                data-radium="true"
               >
                 <div
-                  style="position:absolute;top:50%;left:50%;margin:-6px 0 0 -5px"
+                  style="position:relative;display:inline-block;vertical-align:top;margin-left:-5px;height:24px;width:24px;transform-origin:50% 11px"
                 >
-                  <svg
-                    fill="currentColor"
-                    height="10"
-                    preserveAspectRatio="xMidYMid meet"
-                    style="vertical-align:top;fill:#9DA5AB"
-                    viewBox="0 0 40 40"
-                    width="10"
+                  <div
+                    style="position:absolute;top:50%;left:50%;margin:-6px 0 0 -5px"
                   >
-                    <g>
-                      <path
-                        d="m23.3 20l-13.1-13.6c-0.3-0.3-0.3-0.9 0-1.2l2.4-2.4c0.3-0.3 0.9-0.4 1.2-0.1l16 16.7c0.1 0.1 0.2 0.4 0.2 0.6s-0.1 0.5-0.2 0.6l-16 16.7c-0.3 0.3-0.9 0.3-1.2 0l-2.4-2.5c-0.3-0.3-0.3-0.9 0-1.2z"
-                      />
-                    </g>
-                  </svg>
+                    <svg
+                      fill="currentColor"
+                      height="10"
+                      preserveAspectRatio="xMidYMid meet"
+                      style="vertical-align:top;fill:#9DA5AB"
+                      viewBox="0 0 40 40"
+                      width="10"
+                    >
+                      <g>
+                        <path
+                          d="m23.3 20l-13.1-13.6c-0.3-0.3-0.3-0.9 0-1.2l2.4-2.4c0.3-0.3 0.9-0.4 1.2-0.1l16 16.7c0.1 0.1 0.2 0.4 0.2 0.6s-0.1 0.5-0.2 0.6l-16 16.7c-0.3 0.3-0.9 0.3-1.2 0l-2.4-2.5c-0.3-0.3-0.3-0.9 0-1.2z"
+                        />
+                      </g>
+                    </svg>
+                  </div>
                 </div>
-              </div>
-              <div
-                style="display:inline-block;vertical-align:top;max-width:calc(100% - 24px)"
-              >
                 <div
-                  style="line-height:18px;padding:1px 0 5px"
+                  style="display:inline-block;vertical-align:top;max-width:calc(100% - 24px)"
                 >
-                  some
+                  <div
+                    style="line-height:18px;padding:1px 0 5px"
+                  >
+                    some
+                  </div>
                 </div>
               </div>
             </div>
-          </div>
-          <span />
-        </li>
-        <li
-          style="position:relative"
-        >
-          <div
-            data-name="another"
-            role="menuitem"
-            style="cursor:pointer;position:relative;overflow:hidden;padding:0px 5px;display:block;z-index:1"
-            tabindex="0"
+            <span />
+          </li>
+          <li
+            style="position:relative"
           >
             <div
-              data-radium="true"
+              data-name="another"
+              role="menuitem"
+              style="cursor:pointer;position:relative;overflow:hidden;padding:0px 5px;display:block;z-index:1"
+              tabindex="0"
             >
               <div
-                style="position:relative;display:inline-block;vertical-align:top;margin-left:-5px;height:24px;width:24px;transform-origin:50% 11px"
+                data-radium="true"
               >
                 <div
-                  style="position:absolute;top:50%;left:50%;margin:-6px 0 0 -5px"
+                  style="position:relative;display:inline-block;vertical-align:top;margin-left:-5px;height:24px;width:24px;transform-origin:50% 11px"
                 >
-                  <svg
-                    fill="currentColor"
-                    height="10"
-                    preserveAspectRatio="xMidYMid meet"
-                    style="vertical-align:top;fill:#9DA5AB"
-                    viewBox="0 0 40 40"
-                    width="10"
+                  <div
+                    style="position:absolute;top:50%;left:50%;margin:-6px 0 0 -5px"
                   >
-                    <g>
-                      <path
-                        d="m23.3 20l-13.1-13.6c-0.3-0.3-0.3-0.9 0-1.2l2.4-2.4c0.3-0.3 0.9-0.4 1.2-0.1l16 16.7c0.1 0.1 0.2 0.4 0.2 0.6s-0.1 0.5-0.2 0.6l-16 16.7c-0.3 0.3-0.9 0.3-1.2 0l-2.4-2.5c-0.3-0.3-0.3-0.9 0-1.2z"
-                      />
-                    </g>
-                  </svg>
+                    <svg
+                      fill="currentColor"
+                      height="10"
+                      preserveAspectRatio="xMidYMid meet"
+                      style="vertical-align:top;fill:#9DA5AB"
+                      viewBox="0 0 40 40"
+                      width="10"
+                    >
+                      <g>
+                        <path
+                          d="m23.3 20l-13.1-13.6c-0.3-0.3-0.3-0.9 0-1.2l2.4-2.4c0.3-0.3 0.9-0.4 1.2-0.1l16 16.7c0.1 0.1 0.2 0.4 0.2 0.6s-0.1 0.5-0.2 0.6l-16 16.7c-0.3 0.3-0.9 0.3-1.2 0l-2.4-2.5c-0.3-0.3-0.3-0.9 0-1.2z"
+                        />
+                      </g>
+                    </svg>
+                  </div>
                 </div>
-              </div>
-              <div
-                style="display:inline-block;vertical-align:top;max-width:calc(100% - 24px)"
-              >
                 <div
-                  style="line-height:18px;padding:1px 0 5px"
+                  style="display:inline-block;vertical-align:top;max-width:calc(100% - 24px)"
                 >
-                  another
+                  <div
+                    style="line-height:18px;padding:1px 0 5px"
+                  >
+                    another
+                  </div>
                 </div>
               </div>
             </div>
-          </div>
-          <span>
-            <ul
-              style="padding-left:19px;list-style:none"
-            >
-              <li
-                style="position:relative"
+            <span>
+              <ul
+                style="padding-left:19px;list-style:none"
               >
-                <div
-                  data-name="space"
-                  role="menuitem"
-                  style="cursor:pointer;position:relative;overflow:hidden;padding:0px 5px;display:block;z-index:1"
-                  tabindex="0"
+                <li
+                  style="position:relative"
                 >
                   <div
-                    data-radium="true"
+                    data-name="space"
+                    role="menuitem"
+                    style="cursor:pointer;position:relative;overflow:hidden;padding:0px 5px;display:block;z-index:1"
+                    tabindex="0"
                   >
                     <div
-                      style="position:relative;display:inline-block;vertical-align:top;margin-left:-5px;height:24px;width:24px;transform-origin:50% 11px"
+                      data-radium="true"
                     >
                       <div
-                        style="position:absolute;top:50%;left:50%;margin:-6px 0 0 -5px"
+                        style="position:relative;display:inline-block;vertical-align:top;margin-left:-5px;height:24px;width:24px;transform-origin:50% 11px"
                       >
-                        <svg
-                          fill="currentColor"
-                          height="10"
-                          preserveAspectRatio="xMidYMid meet"
-                          style="vertical-align:top;fill:#9DA5AB"
-                          viewBox="0 0 40 40"
-                          width="10"
+                        <div
+                          style="position:absolute;top:50%;left:50%;margin:-6px 0 0 -5px"
                         >
-                          <g>
-                            <path
-                              d="m23.3 20l-13.1-13.6c-0.3-0.3-0.3-0.9 0-1.2l2.4-2.4c0.3-0.3 0.9-0.4 1.2-0.1l16 16.7c0.1 0.1 0.2 0.4 0.2 0.6s-0.1 0.5-0.2 0.6l-16 16.7c-0.3 0.3-0.9 0.3-1.2 0l-2.4-2.5c-0.3-0.3-0.3-0.9 0-1.2z"
-                            />
-                          </g>
-                        </svg>
+                          <svg
+                            fill="currentColor"
+                            height="10"
+                            preserveAspectRatio="xMidYMid meet"
+                            style="vertical-align:top;fill:#9DA5AB"
+                            viewBox="0 0 40 40"
+                            width="10"
+                          >
+                            <g>
+                              <path
+                                d="m23.3 20l-13.1-13.6c-0.3-0.3-0.3-0.9 0-1.2l2.4-2.4c0.3-0.3 0.9-0.4 1.2-0.1l16 16.7c0.1 0.1 0.2 0.4 0.2 0.6s-0.1 0.5-0.2 0.6l-16 16.7c-0.3 0.3-0.9 0.3-1.2 0l-2.4-2.5c-0.3-0.3-0.3-0.9 0-1.2z"
+                              />
+                            </g>
+                          </svg>
+                        </div>
                       </div>
-                    </div>
-                    <div
-                      style="display:inline-block;vertical-align:top;max-width:calc(100% - 24px)"
-                    >
                       <div
-                        style="line-height:18px;padding:1px 0 5px"
+                        style="display:inline-block;vertical-align:top;max-width:calc(100% - 24px)"
                       >
-                        space
+                        <div
+                          style="line-height:18px;padding:1px 0 5px"
+                        >
+                          space
+                        </div>
                       </div>
                     </div>
                   </div>
-                </div>
-                <span>
-                  <ul
-                    style="padding-left:19px;list-style:none"
-                  >
-                    <li
-                      style="position:relative"
+                  <span>
+                    <ul
+                      style="padding-left:19px;list-style:none"
                     >
-                      <div
-                        data-name="20"
-                        role="menuitem"
-                        style="cursor:pointer;position:relative;overflow:hidden;padding:0px 5px;display:block;z-index:1"
-                        tabindex="0"
+                      <li
+                        style="position:relative"
                       >
                         <div
-                          data-radium="true"
+                          data-name="20"
+                          role="menuitem"
+                          style="cursor:pointer;position:relative;overflow:hidden;padding:0px 5px;display:block;z-index:1"
+                          tabindex="0"
                         >
                           <div
-                            style="position:relative;display:inline-block;vertical-align:top;margin-left:-5px;height:24px;width:24px;transform-origin:50% 11px"
+                            data-radium="true"
                           >
                             <div
-                              style="position:absolute;top:50%;left:50%;margin:-6px 0 0 -5px"
+                              style="position:relative;display:inline-block;vertical-align:top;margin-left:-5px;height:24px;width:24px;transform-origin:50% 11px"
                             >
-                              <svg
-                                fill="currentColor"
-                                height="10"
-                                preserveAspectRatio="xMidYMid meet"
-                                style="vertical-align:top;fill:#9DA5AB"
-                                viewBox="0 0 40 40"
-                                width="10"
+                              <div
+                                style="position:absolute;top:50%;left:50%;margin:-6px 0 0 -5px"
                               >
-                                <g>
-                                  <path
-                                    d="m23.3 20l-13.1-13.6c-0.3-0.3-0.3-0.9 0-1.2l2.4-2.4c0.3-0.3 0.9-0.4 1.2-0.1l16 16.7c0.1 0.1 0.2 0.4 0.2 0.6s-0.1 0.5-0.2 0.6l-16 16.7c-0.3 0.3-0.9 0.3-1.2 0l-2.4-2.5c-0.3-0.3-0.3-0.9 0-1.2z"
-                                  />
-                                </g>
-                              </svg>
+                                <svg
+                                  fill="currentColor"
+                                  height="10"
+                                  preserveAspectRatio="xMidYMid meet"
+                                  style="vertical-align:top;fill:#9DA5AB"
+                                  viewBox="0 0 40 40"
+                                  width="10"
+                                >
+                                  <g>
+                                    <path
+                                      d="m23.3 20l-13.1-13.6c-0.3-0.3-0.3-0.9 0-1.2l2.4-2.4c0.3-0.3 0.9-0.4 1.2-0.1l16 16.7c0.1 0.1 0.2 0.4 0.2 0.6s-0.1 0.5-0.2 0.6l-16 16.7c-0.3 0.3-0.9 0.3-1.2 0l-2.4-2.5c-0.3-0.3-0.3-0.9 0-1.2z"
+                                    />
+                                  </g>
+                                </svg>
+                              </div>
                             </div>
-                          </div>
-                          <div
-                            style="display:inline-block;vertical-align:top;max-width:calc(100% - 24px)"
-                          >
                             <div
-                              style="line-height:18px;padding:1px 0 5px"
+                              style="display:inline-block;vertical-align:top;max-width:calc(100% - 24px)"
                             >
-                              20
+                              <div
+                                style="line-height:18px;padding:1px 0 5px"
+                              >
+                                20
+                              </div>
                             </div>
                           </div>
                         </div>
-                      </div>
-                      <span>
-                        <ul
-                          style="padding-left:19px;list-style:none"
-                        >
-                          <li
-                            style="position:relative"
+                        <span>
+                          <ul
+                            style="padding-left:19px;list-style:none"
                           >
-                            <a
-                              class="css-1b2u8sb"
-                              data-name="b1"
-                              href="?selectedKind=another.space.20&selectedStory=b1&full=NaN&addons=NaN&stories=NaN&panelRight=NaN"
+                            <li
+                              style="position:relative"
                             >
-                              <div
-                                data-radium="true"
+                              <a
+                                class="css-1b2u8sb"
+                                data-name="b1"
+                                href="?selectedKind=another.space.20&selectedStory=b1&full=NaN&addons=NaN&stories=NaN&panelRight=NaN"
                               >
                                 <div
-                                  style="display:inline-block;vertical-align:top;max-width:calc(100% - 24px)"
+                                  data-radium="true"
                                 >
-                                  <div>
-                                    b1
+                                  <div
+                                    style="display:inline-block;vertical-align:top;max-width:calc(100% - 24px)"
+                                  >
+                                    <div>
+                                      b1
+                                    </div>
                                   </div>
                                 </div>
-                              </div>
-                            </a>
-                            <span />
-                          </li>
-                          <li
-                            style="position:relative"
-                          >
-                            <a
-                              class="css-1enjukp"
-                              data-name="b2"
-                              href="?selectedKind=another.space.20&selectedStory=b2&full=NaN&addons=NaN&stories=NaN&panelRight=NaN"
+                              </a>
+                              <span />
+                            </li>
+                            <li
+                              style="position:relative"
                             >
-                              <div
-                                data-radium="true"
+                              <a
+                                class="css-1enjukp"
+                                data-name="b2"
+                                href="?selectedKind=another.space.20&selectedStory=b2&full=NaN&addons=NaN&stories=NaN&panelRight=NaN"
                               >
                                 <div
-                                  style="display:inline-block;vertical-align:top;max-width:calc(100% - 24px)"
+                                  data-radium="true"
                                 >
-                                  <div>
-                                    b2
+                                  <div
+                                    style="display:inline-block;vertical-align:top;max-width:calc(100% - 24px)"
+                                  >
+                                    <div>
+                                      b2
+                                    </div>
                                   </div>
                                 </div>
-                              </div>
-                            </a>
-                            <span />
-                          </li>
-                        </ul>
-                      </span>
-                    </li>
-                  </ul>
-                </span>
-              </li>
-            </ul>
-          </span>
-        </li>
-      </ul>
-    </span>
-  </li>
-</ul>
+                              </a>
+                              <span />
+                            </li>
+                          </ul>
+                        </span>
+                      </li>
+                    </ul>
+                  </span>
+                </li>
+              </ul>
+            </span>
+          </li>
+        </ul>
+      </span>
+    </li>
+  </ul>
+</div>
 `;
 
 exports[`Storyshots ui/stories/Stories with highlighting when storiesFilter is provided 1`] = `
-<ul
-  style="list-style:none;margin:0;padding:5px;font-family:-apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Roboto\\", \\"Oxygen\\", \\"Ubuntu\\", \\"Cantarell\\", \\"Fira Sans\\", \\"Droid Sans\\", \\"Helvetica Neue\\", \\"Lucida Grande\\", \\"Arial\\", sans-serif;font-size:15px;min-width:200px;margin-left:-19px"
->
-  <li
-    style="position:relative"
+<div>
+  <ul
+    style="list-style:none;margin:0;padding:5px;font-family:-apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Roboto\\", \\"Oxygen\\", \\"Ubuntu\\", \\"Cantarell\\", \\"Fira Sans\\", \\"Droid Sans\\", \\"Helvetica Neue\\", \\"Lucida Grande\\", \\"Arial\\", sans-serif;font-size:15px;min-width:200px;margin-left:-19px"
   >
-    <span>
-      <ul
-        style="padding-left:19px;list-style:none"
-      >
-        <li
-          style="position:relative"
+    <li
+      style="position:relative"
+    >
+      <span>
+        <ul
+          style="padding-left:19px;list-style:none"
         >
-          <div
-            data-name="another"
-            role="menuitem"
-            style="cursor:pointer;position:relative;overflow:hidden;padding:0px 5px;display:block;z-index:1"
-            tabindex="0"
+          <li
+            style="position:relative"
           >
             <div
-              data-radium="true"
+              data-name="another"
+              role="menuitem"
+              style="cursor:pointer;position:relative;overflow:hidden;padding:0px 5px;display:block;z-index:1"
+              tabindex="0"
             >
               <div
-                style="position:relative;display:inline-block;vertical-align:top;margin-left:-5px;height:24px;width:24px;transform-origin:50% 11px"
+                data-radium="true"
               >
                 <div
-                  style="position:absolute;top:50%;left:50%;margin:-6px 0 0 -5px"
+                  style="position:relative;display:inline-block;vertical-align:top;margin-left:-5px;height:24px;width:24px;transform-origin:50% 11px"
                 >
-                  <svg
-                    fill="currentColor"
-                    height="10"
-                    preserveAspectRatio="xMidYMid meet"
-                    style="vertical-align:top;fill:#9DA5AB"
-                    viewBox="0 0 40 40"
-                    width="10"
+                  <div
+                    style="position:absolute;top:50%;left:50%;margin:-6px 0 0 -5px"
                   >
-                    <g>
-                      <path
-                        d="m23.3 20l-13.1-13.6c-0.3-0.3-0.3-0.9 0-1.2l2.4-2.4c0.3-0.3 0.9-0.4 1.2-0.1l16 16.7c0.1 0.1 0.2 0.4 0.2 0.6s-0.1 0.5-0.2 0.6l-16 16.7c-0.3 0.3-0.9 0.3-1.2 0l-2.4-2.5c-0.3-0.3-0.3-0.9 0-1.2z"
-                      />
-                    </g>
-                  </svg>
+                    <svg
+                      fill="currentColor"
+                      height="10"
+                      preserveAspectRatio="xMidYMid meet"
+                      style="vertical-align:top;fill:#9DA5AB"
+                      viewBox="0 0 40 40"
+                      width="10"
+                    >
+                      <g>
+                        <path
+                          d="m23.3 20l-13.1-13.6c-0.3-0.3-0.3-0.9 0-1.2l2.4-2.4c0.3-0.3 0.9-0.4 1.2-0.1l16 16.7c0.1 0.1 0.2 0.4 0.2 0.6s-0.1 0.5-0.2 0.6l-16 16.7c-0.3 0.3-0.9 0.3-1.2 0l-2.4-2.5c-0.3-0.3-0.3-0.9 0-1.2z"
+                        />
+                      </g>
+                    </svg>
+                  </div>
                 </div>
-              </div>
-              <div
-                style="display:inline-block;vertical-align:top;max-width:calc(100% - 24px)"
-              >
                 <div
-                  style="line-height:18px;padding:1px 0 5px"
+                  style="display:inline-block;vertical-align:top;max-width:calc(100% - 24px)"
                 >
-                  <span>
-                    ano
-                  </span>
-                  <strong
-                    style="background-color:#FFFEAA;font-weight:inherit"
+                  <div
+                    style="line-height:18px;padding:1px 0 5px"
                   >
-                    th
-                  </strong>
-                  <span>
-                    er
-                  </span>
+                    <span>
+                      ano
+                    </span>
+                    <strong
+                      style="background-color:#FFFEAA;font-weight:inherit"
+                    >
+                      th
+                    </strong>
+                    <span>
+                      er
+                    </span>
+                  </div>
                 </div>
               </div>
             </div>
-          </div>
-          <span>
-            <ul
-              style="padding-left:19px;list-style:none"
-            >
-              <li
-                style="position:relative"
+            <span>
+              <ul
+                style="padding-left:19px;list-style:none"
               >
-                <div
-                  data-name="space"
-                  role="menuitem"
-                  style="cursor:pointer;position:relative;overflow:hidden;padding:0px 5px;display:block;z-index:1"
-                  tabindex="0"
+                <li
+                  style="position:relative"
                 >
                   <div
-                    data-radium="true"
+                    data-name="space"
+                    role="menuitem"
+                    style="cursor:pointer;position:relative;overflow:hidden;padding:0px 5px;display:block;z-index:1"
+                    tabindex="0"
                   >
                     <div
-                      style="position:relative;display:inline-block;vertical-align:top;margin-left:-5px;height:24px;width:24px;transform-origin:50% 11px"
+                      data-radium="true"
                     >
                       <div
-                        style="position:absolute;top:50%;left:50%;margin:-6px 0 0 -5px"
+                        style="position:relative;display:inline-block;vertical-align:top;margin-left:-5px;height:24px;width:24px;transform-origin:50% 11px"
                       >
-                        <svg
-                          fill="currentColor"
-                          height="10"
-                          preserveAspectRatio="xMidYMid meet"
-                          style="vertical-align:top;fill:#9DA5AB"
-                          viewBox="0 0 40 40"
-                          width="10"
+                        <div
+                          style="position:absolute;top:50%;left:50%;margin:-6px 0 0 -5px"
                         >
-                          <g>
-                            <path
-                              d="m23.3 20l-13.1-13.6c-0.3-0.3-0.3-0.9 0-1.2l2.4-2.4c0.3-0.3 0.9-0.4 1.2-0.1l16 16.7c0.1 0.1 0.2 0.4 0.2 0.6s-0.1 0.5-0.2 0.6l-16 16.7c-0.3 0.3-0.9 0.3-1.2 0l-2.4-2.5c-0.3-0.3-0.3-0.9 0-1.2z"
-                            />
-                          </g>
-                        </svg>
+                          <svg
+                            fill="currentColor"
+                            height="10"
+                            preserveAspectRatio="xMidYMid meet"
+                            style="vertical-align:top;fill:#9DA5AB"
+                            viewBox="0 0 40 40"
+                            width="10"
+                          >
+                            <g>
+                              <path
+                                d="m23.3 20l-13.1-13.6c-0.3-0.3-0.3-0.9 0-1.2l2.4-2.4c0.3-0.3 0.9-0.4 1.2-0.1l16 16.7c0.1 0.1 0.2 0.4 0.2 0.6s-0.1 0.5-0.2 0.6l-16 16.7c-0.3 0.3-0.9 0.3-1.2 0l-2.4-2.5c-0.3-0.3-0.3-0.9 0-1.2z"
+                              />
+                            </g>
+                          </svg>
+                        </div>
                       </div>
-                    </div>
-                    <div
-                      style="display:inline-block;vertical-align:top;max-width:calc(100% - 24px)"
-                    >
                       <div
-                        style="line-height:18px;padding:1px 0 5px"
+                        style="display:inline-block;vertical-align:top;max-width:calc(100% - 24px)"
                       >
-                        space
+                        <div
+                          style="line-height:18px;padding:1px 0 5px"
+                        >
+                          space
+                        </div>
                       </div>
                     </div>
                   </div>
-                </div>
-                <span>
-                  <ul
-                    style="padding-left:19px;list-style:none"
-                  >
-                    <li
-                      style="position:relative"
+                  <span>
+                    <ul
+                      style="padding-left:19px;list-style:none"
                     >
-                      <div
-                        data-name="20"
-                        role="menuitem"
-                        style="cursor:pointer;position:relative;overflow:hidden;padding:0px 5px;display:block;z-index:1"
-                        tabindex="0"
+                      <li
+                        style="position:relative"
                       >
                         <div
-                          data-radium="true"
+                          data-name="20"
+                          role="menuitem"
+                          style="cursor:pointer;position:relative;overflow:hidden;padding:0px 5px;display:block;z-index:1"
+                          tabindex="0"
                         >
                           <div
-                            style="position:relative;display:inline-block;vertical-align:top;margin-left:-5px;height:24px;width:24px;transform-origin:50% 11px"
+                            data-radium="true"
                           >
                             <div
-                              style="position:absolute;top:50%;left:50%;margin:-6px 0 0 -5px"
+                              style="position:relative;display:inline-block;vertical-align:top;margin-left:-5px;height:24px;width:24px;transform-origin:50% 11px"
                             >
-                              <svg
-                                fill="currentColor"
-                                height="10"
-                                preserveAspectRatio="xMidYMid meet"
-                                style="vertical-align:top;fill:#9DA5AB"
-                                viewBox="0 0 40 40"
-                                width="10"
+                              <div
+                                style="position:absolute;top:50%;left:50%;margin:-6px 0 0 -5px"
                               >
-                                <g>
-                                  <path
-                                    d="m23.3 20l-13.1-13.6c-0.3-0.3-0.3-0.9 0-1.2l2.4-2.4c0.3-0.3 0.9-0.4 1.2-0.1l16 16.7c0.1 0.1 0.2 0.4 0.2 0.6s-0.1 0.5-0.2 0.6l-16 16.7c-0.3 0.3-0.9 0.3-1.2 0l-2.4-2.5c-0.3-0.3-0.3-0.9 0-1.2z"
-                                  />
-                                </g>
-                              </svg>
+                                <svg
+                                  fill="currentColor"
+                                  height="10"
+                                  preserveAspectRatio="xMidYMid meet"
+                                  style="vertical-align:top;fill:#9DA5AB"
+                                  viewBox="0 0 40 40"
+                                  width="10"
+                                >
+                                  <g>
+                                    <path
+                                      d="m23.3 20l-13.1-13.6c-0.3-0.3-0.3-0.9 0-1.2l2.4-2.4c0.3-0.3 0.9-0.4 1.2-0.1l16 16.7c0.1 0.1 0.2 0.4 0.2 0.6s-0.1 0.5-0.2 0.6l-16 16.7c-0.3 0.3-0.9 0.3-1.2 0l-2.4-2.5c-0.3-0.3-0.3-0.9 0-1.2z"
+                                    />
+                                  </g>
+                                </svg>
+                              </div>
                             </div>
-                          </div>
-                          <div
-                            style="display:inline-block;vertical-align:top;max-width:calc(100% - 24px)"
-                          >
                             <div
-                              style="line-height:18px;padding:1px 0 5px"
+                              style="display:inline-block;vertical-align:top;max-width:calc(100% - 24px)"
                             >
-                              20
+                              <div
+                                style="line-height:18px;padding:1px 0 5px"
+                              >
+                                20
+                              </div>
                             </div>
                           </div>
                         </div>
-                      </div>
-                      <span>
-                        <ul
-                          style="padding-left:19px;list-style:none"
-                        >
-                          <li
-                            style="position:relative"
+                        <span>
+                          <ul
+                            style="padding-left:19px;list-style:none"
                           >
-                            <a
-                              class="css-1b2u8sb"
-                              data-name="b1"
-                              href="?selectedKind=another.space.20&selectedStory=b1&full=NaN&addons=NaN&stories=NaN&panelRight=NaN"
+                            <li
+                              style="position:relative"
                             >
-                              <div
-                                data-radium="true"
+                              <a
+                                class="css-1b2u8sb"
+                                data-name="b1"
+                                href="?selectedKind=another.space.20&selectedStory=b1&full=NaN&addons=NaN&stories=NaN&panelRight=NaN"
                               >
                                 <div
-                                  style="display:inline-block;vertical-align:top;max-width:calc(100% - 24px)"
+                                  data-radium="true"
                                 >
-                                  <div>
-                                    b1
+                                  <div
+                                    style="display:inline-block;vertical-align:top;max-width:calc(100% - 24px)"
+                                  >
+                                    <div>
+                                      b1
+                                    </div>
                                   </div>
                                 </div>
-                              </div>
-                            </a>
-                            <span />
-                          </li>
-                          <li
-                            style="position:relative"
-                          >
-                            <a
-                              class="css-1enjukp"
-                              data-name="b2"
-                              href="?selectedKind=another.space.20&selectedStory=b2&full=NaN&addons=NaN&stories=NaN&panelRight=NaN"
+                              </a>
+                              <span />
+                            </li>
+                            <li
+                              style="position:relative"
                             >
-                              <div
-                                data-radium="true"
+                              <a
+                                class="css-1enjukp"
+                                data-name="b2"
+                                href="?selectedKind=another.space.20&selectedStory=b2&full=NaN&addons=NaN&stories=NaN&panelRight=NaN"
                               >
                                 <div
-                                  style="display:inline-block;vertical-align:top;max-width:calc(100% - 24px)"
+                                  data-radium="true"
                                 >
-                                  <div>
-                                    b2
+                                  <div
+                                    style="display:inline-block;vertical-align:top;max-width:calc(100% - 24px)"
+                                  >
+                                    <div>
+                                      b2
+                                    </div>
                                   </div>
                                 </div>
-                              </div>
-                            </a>
-                            <span />
-                          </li>
-                        </ul>
-                      </span>
-                    </li>
-                  </ul>
-                </span>
-              </li>
-            </ul>
-          </span>
-        </li>
-      </ul>
-    </span>
-  </li>
-</ul>
+                              </a>
+                              <span />
+                            </li>
+                          </ul>
+                        </span>
+                      </li>
+                    </ul>
+                  </span>
+                </li>
+              </ul>
+            </span>
+          </li>
+        </ul>
+      </span>
+    </li>
+  </ul>
+</div>
 `;
 
 exports[`Storyshots ui/stories/Stories without hierarchy - hierarchySeparator is defined 1`] = `
-<ul
-  style="list-style:none;margin:0;padding:5px;font-family:-apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Roboto\\", \\"Oxygen\\", \\"Ubuntu\\", \\"Cantarell\\", \\"Fira Sans\\", \\"Droid Sans\\", \\"Helvetica Neue\\", \\"Lucida Grande\\", \\"Arial\\", sans-serif;font-size:15px;min-width:200px;margin-left:-19px"
->
-  <li
-    style="position:relative"
+<div>
+  <ul
+    style="list-style:none;margin:0;padding:5px;font-family:-apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Roboto\\", \\"Oxygen\\", \\"Ubuntu\\", \\"Cantarell\\", \\"Fira Sans\\", \\"Droid Sans\\", \\"Helvetica Neue\\", \\"Lucida Grande\\", \\"Arial\\", sans-serif;font-size:15px;min-width:200px;margin-left:-19px"
   >
-    <span>
-      <ul
-        style="padding-left:19px;list-style:none"
-      >
-        <li
-          style="position:relative"
+    <li
+      style="position:relative"
+    >
+      <span>
+        <ul
+          style="padding-left:19px;list-style:none"
         >
-          <div
-            data-name="some.name.item1"
-            role="menuitem"
-            style="cursor:pointer;position:relative;overflow:hidden;padding:0px 5px;display:block;z-index:1"
-            tabindex="0"
+          <li
+            style="position:relative"
           >
             <div
-              data-radium="true"
+              data-name="some.name.item1"
+              role="menuitem"
+              style="cursor:pointer;position:relative;overflow:hidden;padding:0px 5px;display:block;z-index:1"
+              tabindex="0"
             >
               <div
-                style="position:relative;display:inline-block;vertical-align:top;margin-left:-5px;height:24px;width:24px;transform-origin:50% 11px"
+                data-radium="true"
               >
                 <div
-                  style="position:absolute;top:50%;left:50%;margin:-6px 0 0 -5px"
+                  style="position:relative;display:inline-block;vertical-align:top;margin-left:-5px;height:24px;width:24px;transform-origin:50% 11px"
                 >
-                  <svg
-                    fill="currentColor"
-                    height="10"
-                    preserveAspectRatio="xMidYMid meet"
-                    style="vertical-align:top;fill:#9DA5AB"
-                    viewBox="0 0 40 40"
-                    width="10"
+                  <div
+                    style="position:absolute;top:50%;left:50%;margin:-6px 0 0 -5px"
                   >
-                    <g>
-                      <path
-                        d="m23.3 20l-13.1-13.6c-0.3-0.3-0.3-0.9 0-1.2l2.4-2.4c0.3-0.3 0.9-0.4 1.2-0.1l16 16.7c0.1 0.1 0.2 0.4 0.2 0.6s-0.1 0.5-0.2 0.6l-16 16.7c-0.3 0.3-0.9 0.3-1.2 0l-2.4-2.5c-0.3-0.3-0.3-0.9 0-1.2z"
-                      />
-                    </g>
-                  </svg>
+                    <svg
+                      fill="currentColor"
+                      height="10"
+                      preserveAspectRatio="xMidYMid meet"
+                      style="vertical-align:top;fill:#9DA5AB"
+                      viewBox="0 0 40 40"
+                      width="10"
+                    >
+                      <g>
+                        <path
+                          d="m23.3 20l-13.1-13.6c-0.3-0.3-0.3-0.9 0-1.2l2.4-2.4c0.3-0.3 0.9-0.4 1.2-0.1l16 16.7c0.1 0.1 0.2 0.4 0.2 0.6s-0.1 0.5-0.2 0.6l-16 16.7c-0.3 0.3-0.9 0.3-1.2 0l-2.4-2.5c-0.3-0.3-0.3-0.9 0-1.2z"
+                        />
+                      </g>
+                    </svg>
+                  </div>
                 </div>
-              </div>
-              <div
-                style="display:inline-block;vertical-align:top;max-width:calc(100% - 24px)"
-              >
                 <div
-                  style="line-height:18px;padding:1px 0 5px"
+                  style="display:inline-block;vertical-align:top;max-width:calc(100% - 24px)"
                 >
-                  some.name.item1
+                  <div
+                    style="line-height:18px;padding:1px 0 5px"
+                  >
+                    some.name.item1
+                  </div>
                 </div>
               </div>
             </div>
-          </div>
-          <span />
-        </li>
-        <li
-          style="position:relative"
-        >
-          <div
-            data-name="another.space.20"
-            role="menuitem"
-            style="cursor:pointer;position:relative;overflow:hidden;padding:0px 5px;display:block;z-index:1"
-            tabindex="0"
+            <span />
+          </li>
+          <li
+            style="position:relative"
           >
             <div
-              data-radium="true"
+              data-name="another.space.20"
+              role="menuitem"
+              style="cursor:pointer;position:relative;overflow:hidden;padding:0px 5px;display:block;z-index:1"
+              tabindex="0"
             >
               <div
-                style="position:relative;display:inline-block;vertical-align:top;margin-left:-5px;height:24px;width:24px;transform-origin:50% 11px"
+                data-radium="true"
               >
                 <div
-                  style="position:absolute;top:50%;left:50%;margin:-6px 0 0 -5px"
+                  style="position:relative;display:inline-block;vertical-align:top;margin-left:-5px;height:24px;width:24px;transform-origin:50% 11px"
                 >
-                  <svg
-                    fill="currentColor"
-                    height="10"
-                    preserveAspectRatio="xMidYMid meet"
-                    style="vertical-align:top;fill:#9DA5AB"
-                    viewBox="0 0 40 40"
-                    width="10"
+                  <div
+                    style="position:absolute;top:50%;left:50%;margin:-6px 0 0 -5px"
                   >
-                    <g>
-                      <path
-                        d="m23.3 20l-13.1-13.6c-0.3-0.3-0.3-0.9 0-1.2l2.4-2.4c0.3-0.3 0.9-0.4 1.2-0.1l16 16.7c0.1 0.1 0.2 0.4 0.2 0.6s-0.1 0.5-0.2 0.6l-16 16.7c-0.3 0.3-0.9 0.3-1.2 0l-2.4-2.5c-0.3-0.3-0.3-0.9 0-1.2z"
-                      />
-                    </g>
-                  </svg>
+                    <svg
+                      fill="currentColor"
+                      height="10"
+                      preserveAspectRatio="xMidYMid meet"
+                      style="vertical-align:top;fill:#9DA5AB"
+                      viewBox="0 0 40 40"
+                      width="10"
+                    >
+                      <g>
+                        <path
+                          d="m23.3 20l-13.1-13.6c-0.3-0.3-0.3-0.9 0-1.2l2.4-2.4c0.3-0.3 0.9-0.4 1.2-0.1l16 16.7c0.1 0.1 0.2 0.4 0.2 0.6s-0.1 0.5-0.2 0.6l-16 16.7c-0.3 0.3-0.9 0.3-1.2 0l-2.4-2.5c-0.3-0.3-0.3-0.9 0-1.2z"
+                        />
+                      </g>
+                    </svg>
+                  </div>
                 </div>
-              </div>
-              <div
-                style="display:inline-block;vertical-align:top;max-width:calc(100% - 24px)"
-              >
                 <div
-                  style="line-height:18px;padding:1px 0 5px"
+                  style="display:inline-block;vertical-align:top;max-width:calc(100% - 24px)"
                 >
-                  another.space.20
+                  <div
+                    style="line-height:18px;padding:1px 0 5px"
+                  >
+                    another.space.20
+                  </div>
                 </div>
               </div>
             </div>
-          </div>
-          <span>
-            <ul
-              style="padding-left:19px;list-style:none"
-            >
-              <li
-                style="position:relative"
+            <span>
+              <ul
+                style="padding-left:19px;list-style:none"
               >
-                <a
-                  class="css-1b2u8sb"
-                  data-name="b1"
-                  href="?selectedKind=another.space.20&selectedStory=b1&full=NaN&addons=NaN&stories=NaN&panelRight=NaN"
+                <li
+                  style="position:relative"
                 >
-                  <div
-                    data-radium="true"
+                  <a
+                    class="css-1b2u8sb"
+                    data-name="b1"
+                    href="?selectedKind=another.space.20&selectedStory=b1&full=NaN&addons=NaN&stories=NaN&panelRight=NaN"
                   >
                     <div
-                      style="display:inline-block;vertical-align:top;max-width:calc(100% - 24px)"
+                      data-radium="true"
                     >
-                      <div>
-                        b1
+                      <div
+                        style="display:inline-block;vertical-align:top;max-width:calc(100% - 24px)"
+                      >
+                        <div>
+                          b1
+                        </div>
                       </div>
                     </div>
-                  </div>
-                </a>
-                <span />
-              </li>
-              <li
-                style="position:relative"
-              >
-                <a
-                  class="css-1enjukp"
-                  data-name="b2"
-                  href="?selectedKind=another.space.20&selectedStory=b2&full=NaN&addons=NaN&stories=NaN&panelRight=NaN"
+                  </a>
+                  <span />
+                </li>
+                <li
+                  style="position:relative"
                 >
-                  <div
-                    data-radium="true"
+                  <a
+                    class="css-1enjukp"
+                    data-name="b2"
+                    href="?selectedKind=another.space.20&selectedStory=b2&full=NaN&addons=NaN&stories=NaN&panelRight=NaN"
                   >
                     <div
-                      style="display:inline-block;vertical-align:top;max-width:calc(100% - 24px)"
+                      data-radium="true"
                     >
-                      <div>
-                        b2
+                      <div
+                        style="display:inline-block;vertical-align:top;max-width:calc(100% - 24px)"
+                      >
+                        <div>
+                          b2
+                        </div>
                       </div>
                     </div>
-                  </div>
-                </a>
-                <span />
-              </li>
-            </ul>
-          </span>
-        </li>
-      </ul>
-    </span>
-  </li>
-</ul>
+                  </a>
+                  <span />
+                </li>
+              </ul>
+            </span>
+          </li>
+        </ul>
+      </span>
+    </li>
+  </ul>
+</div>
 `;