text-field: start/end display flex (microsoft#18969)

* text-field: start/end display flex ref.: microsoft/fast@ff37847 * Change files
PeterDraex · Aug 6, 2021 · 6b7f0f7 · 6b7f0f7
1 parent de2732a
commit 6b7f0f7
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/change/@fluentui-web-components-20a4b8e4-bb09-49e6-bf6e-a580388a0f26.json b/change/@fluentui-web-components-20a4b8e4-bb09-49e6-bf6e-a580388a0f26.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "fluent-text-field: start/end display flex",
+  "packageName": "@fluentui/web-components",
+  "email": "fredrik.rasch@gmail.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/web-components/src/text-field/text-field.styles.ts b/packages/web-components/src/text-field/text-field.styles.ts
@@ -135,6 +135,7 @@ export const textFieldStyles = (context, definition) =>
 
     .start,
     .end {
+      display: flex;
       margin: auto;
       fill: currentcolor;
     }