fix(ui): fix label formatting in general user settings (#1275)

sct · Mar 24, 2021 · 8546b0e · 8546b0e
1 parent 6c75c88
commit 8546b0e
Showing 1 changed file with 4 additions and 4 deletions.
diff --git 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