diff --git a/packages/react/src/components/DropdownSelector/index.story.tsx b/packages/react/src/components/DropdownSelector/index.story.tsx
index 7ac0c05d3..20ffdc1a4 100644
--- a/packages/react/src/components/DropdownSelector/index.story.tsx
+++ b/packages/react/src/components/DropdownSelector/index.story.tsx
@@ -85,6 +85,39 @@ export const Basic: StoryObj<typeof DropdownSelector> = {
   ),
 }
 
+export const LongNames: StoryObj<typeof DropdownSelector> = {
+  render: function Render(args) {
+    const [selected, setSelected] = useState('10')
+    return (
+      <div
+        style={{
+          width: 288,
+        }}
+      >
+        <DropdownSelector
+          {...args}
+          onChange={(value) => {
+            setSelected(value)
+          }}
+          value={selected}
+          label="label"
+        >
+          <DropdownMenuItem value={'10'}>
+            Lorem ipsum dolor sit amet, consectetur adipisicing elit,
+          </DropdownMenuItem>
+          <DropdownMenuItem value={'20'}>
+            sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+          </DropdownMenuItem>
+          <DropdownMenuItem value={'30'}>
+            Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
+            nisi ut aliquip ex ea commodo consequat.
+          </DropdownMenuItem>
+        </DropdownSelector>
+      </div>
+    )
+  },
+}
+
 const DummyBox = styled.div`
   border: solid 1px ${({ theme }) => theme.border.default.color};
   display: flex;
diff --git a/packages/react/src/components/LoadingSpinner/__snapshots__/LoadingSpinnerIcon.story.storyshot b/packages/react/src/components/LoadingSpinner/__snapshots__/LoadingSpinnerIcon.story.storyshot
new file mode 100644
index 000000000..121a1ab24
--- /dev/null
+++ b/packages/react/src/components/LoadingSpinner/__snapshots__/LoadingSpinnerIcon.story.storyshot
@@ -0,0 +1,28 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Storyshots LoadingSpinnerIcon Icon 1`] = `
+.c0 {
+  width: 1em;
+  height: 1em;
+  border-radius: 1em;
+  background-color: currentColor;
+  -webkit-animation: cNZOgq 1s both ease-out;
+  animation: cNZOgq 1s both ease-out;
+  -webkit-animation-iteration-count: infinite;
+  animation-iteration-count: infinite;
+}
+
+.c0[data-reset-animation] {
+  -webkit-animation: none;
+  animation: none;
+}
+
+<div
+  data-dark={false}
+>
+  <div
+    className="c0"
+    role="presentation"
+  />
+</div>
+`;
diff --git a/packages/react/src/components/LoadingSpinner/__snapshots__/index.story.storyshot b/packages/react/src/components/LoadingSpinner/__snapshots__/index.story.storyshot
index 39a8621a4..9cb701798 100644
--- a/packages/react/src/components/LoadingSpinner/__snapshots__/index.story.storyshot
+++ b/packages/react/src/components/LoadingSpinner/__snapshots__/index.story.storyshot
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots LoadingSpinner Basic 1`] = `
+exports[`Storyshots LoadingSpinner Default 1`] = `
 .c0 {
   box-sizing: content-box;
   margin: auto;
@@ -45,37 +45,3 @@ exports[`Storyshots LoadingSpinner Basic 1`] = `
   </div>
 </div>
 `;
-
-exports[`Storyshots LoadingSpinner Icon 1`] = `
-.c0 {
-  width: 1em;
-  height: 1em;
-  border-radius: 1em;
-  background-color: currentColor;
-  -webkit-animation: cNZOgq 1s both ease-out;
-  animation: cNZOgq 1s both ease-out;
-  -webkit-animation-iteration-count: infinite;
-  animation-iteration-count: infinite;
-}
-
-.c0[data-reset-animation] {
-  -webkit-animation: none;
-  animation: none;
-}
-
-<div
-  data-dark={false}
->
-  <div
-    css="
-        font-size: 12px;
-        color: #B1CC29;
-      "
-  >
-    <div
-      className="c0"
-      role="presentation"
-    />
-  </div>
-</div>
-`;