diff --git a/.changeset/funny-timers-glow.md b/.changeset/funny-timers-glow.md
new file mode 100644
index 0000000000..4963c7a789
--- /dev/null
+++ b/.changeset/funny-timers-glow.md
@@ -0,0 +1,5 @@
+---
+'react-select': patch
+---
+
+Fix the issue where input contents are moved to the left due to multiple space characters.
diff --git a/packages/react-select/src/__tests__/__snapshots__/Async.test.tsx.snap b/packages/react-select/src/__tests__/__snapshots__/Async.test.tsx.snap
index 3a45aad247..cac1b28d31 100644
--- a/packages/react-select/src/__tests__/__snapshots__/Async.test.tsx.snap
+++ b/packages/react-select/src/__tests__/__snapshots__/Async.test.tsx.snap
@@ -98,7 +98,7 @@ exports[`defaults - snapshot 1`] = `
 .emotion-6:after {
   content: attr(data-value) " ";
   visibility: hidden;
-  white-space: nowrap;
+  white-space: pre;
   grid-area: 1/2;
   font: inherit;
   min-width: 2px;
diff --git a/packages/react-select/src/__tests__/__snapshots__/AsyncCreatable.test.tsx.snap b/packages/react-select/src/__tests__/__snapshots__/AsyncCreatable.test.tsx.snap
index 3a45aad247..cac1b28d31 100644
--- a/packages/react-select/src/__tests__/__snapshots__/AsyncCreatable.test.tsx.snap
+++ b/packages/react-select/src/__tests__/__snapshots__/AsyncCreatable.test.tsx.snap
@@ -98,7 +98,7 @@ exports[`defaults - snapshot 1`] = `
 .emotion-6:after {
   content: attr(data-value) " ";
   visibility: hidden;
-  white-space: nowrap;
+  white-space: pre;
   grid-area: 1/2;
   font: inherit;
   min-width: 2px;
diff --git a/packages/react-select/src/__tests__/__snapshots__/Creatable.test.tsx.snap b/packages/react-select/src/__tests__/__snapshots__/Creatable.test.tsx.snap
index 3a45aad247..cac1b28d31 100644
--- a/packages/react-select/src/__tests__/__snapshots__/Creatable.test.tsx.snap
+++ b/packages/react-select/src/__tests__/__snapshots__/Creatable.test.tsx.snap
@@ -98,7 +98,7 @@ exports[`defaults - snapshot 1`] = `
 .emotion-6:after {
   content: attr(data-value) " ";
   visibility: hidden;
-  white-space: nowrap;
+  white-space: pre;
   grid-area: 1/2;
   font: inherit;
   min-width: 2px;
diff --git a/packages/react-select/src/__tests__/__snapshots__/Select.test.tsx.snap b/packages/react-select/src/__tests__/__snapshots__/Select.test.tsx.snap
index 5285aa698a..57e13381d2 100644
--- a/packages/react-select/src/__tests__/__snapshots__/Select.test.tsx.snap
+++ b/packages/react-select/src/__tests__/__snapshots__/Select.test.tsx.snap
@@ -98,7 +98,7 @@ exports[`snapshot - defaults 1`] = `
 .emotion-6:after {
   content: attr(data-value) " ";
   visibility: hidden;
-  white-space: nowrap;
+  white-space: pre;
   grid-area: 1/2;
   font: inherit;
   min-width: 2px;
diff --git a/packages/react-select/src/__tests__/__snapshots__/StateManaged.test.tsx.snap b/packages/react-select/src/__tests__/__snapshots__/StateManaged.test.tsx.snap
index 8705e6d407..cf72ac2e74 100644
--- a/packages/react-select/src/__tests__/__snapshots__/StateManaged.test.tsx.snap
+++ b/packages/react-select/src/__tests__/__snapshots__/StateManaged.test.tsx.snap
@@ -98,7 +98,7 @@ exports[`defaults > snapshot 1`] = `
 .emotion-6:after {
   content: attr(data-value) " ";
   visibility: hidden;
-  white-space: nowrap;
+  white-space: pre;
   grid-area: 1/2;
   font: inherit;
   min-width: 2px;
diff --git a/packages/react-select/src/components/Input.tsx b/packages/react-select/src/components/Input.tsx
index d24f99a84a..0a8081affb 100644
--- a/packages/react-select/src/components/Input.tsx
+++ b/packages/react-select/src/components/Input.tsx
@@ -68,7 +68,7 @@ const containerStyle = {
   '&:after': {
     content: 'attr(data-value) " "',
     visibility: 'hidden',
-    whiteSpace: 'nowrap',
+    whiteSpace: 'pre',
     ...spacingStyle,
   },
 } as const;