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 00000000000000..01e6fbbf5fbded
--- /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 5d8d37f4faf527..7e35c64988d05f 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 {