From 8546b0ef53d232256b62cf08466e692a6971c16b Mon Sep 17 00:00:00 2001
From: TheCatLady <52870424+TheCatLady@users.noreply.github.com>
Date: Wed, 24 Mar 2021 06:34:39 -0400
Subject: [PATCH] fix(ui): fix label formatting in general user settings
 (#1275)

---
 .../UserSettings/UserGeneralSettings/index.tsx            | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/UserProfile/UserSettings/UserGeneralSettings/index.tsx b/src/components/UserProfile/UserSettings/UserGeneralSettings/index.tsx
index 9c39806ff..2048b980c 100644
--- a/src/components/UserProfile/UserSettings/UserGeneralSettings/index.tsx
+++ b/src/components/UserProfile/UserSettings/UserGeneralSettings/index.tsx
@@ -156,9 +156,9 @@ const UserGeneralSettings: React.FC = () => {
           return (
             <Form className="section">
               <div className="form-row">
-                <div className="text-label">
+                <label className="text-label">
                   {intl.formatMessage(messages.accounttype)}
-                </div>
+                </label>
                 <div className="mb-1 text-sm font-medium leading-5 text-gray-400 sm:mt-2">
                   <div className="flex items-center max-w-lg">
                     {user?.userType === UserType.PLEX ? (
@@ -174,9 +174,9 @@ const UserGeneralSettings: React.FC = () => {
                 </div>
               </div>
               <div className="form-row">
-                <div className="text-label">
+                <label className="text-label">
                   {intl.formatMessage(messages.role)}
-                </div>
+                </label>
                 <div className="mb-1 text-sm font-medium leading-5 text-gray-400 sm:mt-2">
                   <div className="flex items-center max-w-lg">
                     {user?.id === 1