diff --git a/change/@fluentui-react-input-68d90a7c-d6d4-4cc4-bd74-697d991fdfca.json b/change/@fluentui-react-input-68d90a7c-d6d4-4cc4-bd74-697d991fdfca.json
new file mode 100644
index 0000000000000..93d42f67f7d82
--- /dev/null
+++ b/change/@fluentui-react-input-68d90a7c-d6d4-4cc4-bd74-697d991fdfca.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "fix: Update contentBefore and contentAfter slot styling for svg",
+  "packageName": "@fluentui/react-input",
+  "email": "ololubek@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/react-components/react-input/src/components/Input/useInputStyles.ts b/packages/react-components/react-input/src/components/Input/useInputStyles.ts
index 03a29c29088b2..f55c51e865c79 100644
--- a/packages/react-components/react-input/src/components/Input/useInputStyles.ts
+++ b/packages/react-components/react-input/src/components/Input/useInputStyles.ts
@@ -216,8 +216,8 @@ const useContentStyles = makeStyles({
   base: {
     boxSizing: 'border-box',
     color: tokens.colorNeutralForeground3, // "icon color" in design spec
+    display: 'flex',
     // special case styling for icons (most common case) to ensure they're centered vertically
-    '> svg': { display: 'block' },
   },
   disabled: {
     color: tokens.colorNeutralForegroundDisabled,