From 887a5e93a677527091c83ff62ac20ac335fa9f2f Mon Sep 17 00:00:00 2001
From: Seth Donohue <31681651+SethDonohue@users.noreply.github.com>
Date: Mon, 4 Jan 2021 15:52:07 -0800
Subject: [PATCH] fix (web components): text-field label hidden styles ordering
 (#16355)

* move text-field label__hidden styles below main label styles for proper order

* Change files

Co-authored-by: Seth Donohue <sethdonohue@Admins-MBP.guest.corp.microsoft.com>
---
 ...rs-v-sedono-fix-text-field-label-hidden-styles.json |  8 ++++++++
 .../web-components/src/text-field/text-field.styles.ts | 10 +++++-----
 2 files changed, 13 insertions(+), 5 deletions(-)
 create mode 100644 change/@fluentui-web-components-2021-01-04-11-24-25-users-v-sedono-fix-text-field-label-hidden-styles.json

diff --git a/change/@fluentui-web-components-2021-01-04-11-24-25-users-v-sedono-fix-text-field-label-hidden-styles.json b/change/@fluentui-web-components-2021-01-04-11-24-25-users-v-sedono-fix-text-field-label-hidden-styles.json
new file mode 100644
index 0000000000000..01e6fbbf5fbde
--- /dev/null
+++ b/change/@fluentui-web-components-2021-01-04-11-24-25-users-v-sedono-fix-text-field-label-hidden-styles.json
@@ -0,0 +1,8 @@
+{
+  "type": "patch",
+  "comment": "move text-field label__hidden styles below main label styles for proper order",
+  "packageName": "@fluentui/web-components",
+  "email": "sethdonohue@Admins-MBP.guest.corp.microsoft.com",
+  "dependentChangeType": "patch",
+  "date": "2021-01-04T19:24:25.182Z"
+}
diff --git a/packages/web-components/src/text-field/text-field.styles.ts b/packages/web-components/src/text-field/text-field.styles.ts
index 5d8d37f4faf52..7e35c64988d05 100644
--- a/packages/web-components/src/text-field/text-field.styles.ts
+++ b/packages/web-components/src/text-field/text-field.styles.ts
@@ -55,11 +55,6 @@ export const TextFieldStyles = css`
         outline: none;
     }
 
-    .label__hidden {
-        display: none;
-        visibility: hidden;
-    }
-
     .label {
         display: block;
         color: ${neutralForegroundRestBehavior.var};
@@ -68,6 +63,11 @@ export const TextFieldStyles = css`
         line-height: var(--type-ramp-base-line-height);
         margin-bottom: 4px;
     }
+   
+    .label__hidden {
+      display: none;
+      visibility: hidden;
+    }
 
     .start,
     .end {