diff --git a/src/components/AnimatedDropdown/index.tsx b/src/components/AnimatedDropdown/index.tsx
index e78eda3c86..a249255603 100644
--- a/src/components/AnimatedDropdown/index.tsx
+++ b/src/components/AnimatedDropdown/index.tsx
@@ -22,7 +22,9 @@ export default function AnimatedDropdown({ open, children }: React.PropsWithChil
     },
   })
   return (
-    <animated.div style={{ ...props, overflow: 'hidden', width: '100%', willChange: 'height' }}>
+    <animated.div
+      style={{ ...props, overflow: 'hidden', width: '100%', minWidth: 'min-content', willChange: 'height' }}
+    >
       <div ref={ref}>{children}</div>
     </animated.div>
   )
diff --git a/src/components/Settings/Input/index.tsx b/src/components/Settings/Input/index.tsx
index 84bc46f025..72afac7746 100644
--- a/src/components/Settings/Input/index.tsx
+++ b/src/components/Settings/Input/index.tsx
@@ -24,6 +24,7 @@ export const InputContainer = styled(Row)<{ error?: boolean }>`
   padding: 8px 16px;
   border-radius: 12px;
   width: auto;
+  min-width: 100px;
   flex: 1;
   input {
     color: ${({ theme, error }) => (error ? theme.accentFailure : theme.textPrimary)};
diff --git a/src/components/swap/__snapshots__/SwapDetailsDropdown.test.tsx.snap b/src/components/swap/__snapshots__/SwapDetailsDropdown.test.tsx.snap
index 75df1ba2c5..7ab2bd6b21 100644
--- a/src/components/swap/__snapshots__/SwapDetailsDropdown.test.tsx.snap
+++ b/src/components/swap/__snapshots__/SwapDetailsDropdown.test.tsx.snap
@@ -266,7 +266,7 @@ exports[`SwapDetailsDropdown.tsx renders a trade 1`] = `
       </div>
     </div>
     <div
-      style="height: 0px; overflow: hidden; width: 100%; will-change: height;"
+      style="height: 0px; overflow: hidden; width: 100%; min-width: min-content; will-change: height;"
     >
       <div>
         <div