diff --git a/.changeset/nice-pigs-hang.md b/.changeset/nice-pigs-hang.md
new file mode 100644
index 0000000000..d00215a855
--- /dev/null
+++ b/.changeset/nice-pigs-hang.md
@@ -0,0 +1,5 @@
+---
+"@ultraviolet/ui": patch
+---
+
+Fix `<SelectInputV2 />` dropdown to be at least 320px of width
diff --git a/packages/form/src/components/SelectInputFieldV2/__tests__/__snapshots__/index.test.tsx.snap b/packages/form/src/components/SelectInputFieldV2/__tests__/__snapshots__/index.test.tsx.snap
index 5130b57cab..e824265f93 100644
--- a/packages/form/src/components/SelectInputFieldV2/__tests__/__snapshots__/index.test.tsx.snap
+++ b/packages/form/src/components/SelectInputFieldV2/__tests__/__snapshots__/index.test.tsx.snap
@@ -308,6 +308,7 @@ exports[`SelectInputField > should display right value on grouped options 1`] =
   -ms-transform: translate3d(0px, 4px, 0);
   transform: translate3d(0px, 4px, 0);
   width: 100%;
+  min-width: 320px;
   background-color: #ffffff;
   color: #3f4250;
   box-shadow: 0px 4px 8px 0px #22263829,0px 8px 24px 0px #2226383d;
diff --git a/packages/ui/src/components/SelectInputV2/Dropdown.tsx b/packages/ui/src/components/SelectInputV2/Dropdown.tsx
index d33b0f900e..d406414e29 100644
--- a/packages/ui/src/components/SelectInputV2/Dropdown.tsx
+++ b/packages/ui/src/components/SelectInputV2/Dropdown.tsx
@@ -59,6 +59,7 @@ const NON_SEARCHABLE_KEYS = [
 
 const StyledPopup = styled(Popup)`
   width: 100%;
+  min-width: 320px;
   background-color: ${({ theme }) => theme.colors.other.elevation.background.raised};
   color: ${({ theme }) => theme.colors.neutral.text};
   box-shadow: ${({ theme }) => `${theme.shadows.raised[0]}, ${theme.shadows.raised[1]}`};
diff --git a/packages/ui/src/components/SelectInputV2/__stories__/Playground.stories.tsx b/packages/ui/src/components/SelectInputV2/__stories__/Playground.stories.tsx
index 61c0b23337..29d038af34 100644
--- a/packages/ui/src/components/SelectInputV2/__stories__/Playground.stories.tsx
+++ b/packages/ui/src/components/SelectInputV2/__stories__/Playground.stories.tsx
@@ -6,7 +6,7 @@ export const Playground = Template.bind({})
 Playground.args = { ...Template.args, options: dataUnGrouped, helper: 'helper' }
 Playground.decorators = [
   StoryComponent => (
-    <div style={{ height: '80px' }}>
+    <div style={{ height: '80px', width: '200px' }}>
       <StoryComponent />
     </div>
   ),
diff --git a/packages/ui/src/components/UnitInput/__tests__/__snapshots__/index.test.tsx.snap b/packages/ui/src/components/UnitInput/__tests__/__snapshots__/index.test.tsx.snap
index f8f5a55540..f3b56e7dd1 100644
--- a/packages/ui/src/components/UnitInput/__tests__/__snapshots__/index.test.tsx.snap
+++ b/packages/ui/src/components/UnitInput/__tests__/__snapshots__/index.test.tsx.snap
@@ -882,6 +882,7 @@ exports[`UnitInput > renders click 1`] = `
   -ms-transform: translate3d(0px, 4px, 0);
   transform: translate3d(0px, 4px, 0);
   width: 100%;
+  min-width: 320px;
   background-color: #ffffff;
   color: #3f4250;
   box-shadow: 0px 4px 8px 0px #22263829,0px 8px 24px 0px #2226383d;