Styling

plugins/talk-plugin-auth-checkbox/client/components/TermsAndConditionsField.css

@@ -9,5 +9,10 @@
 }
 
 .fieldContainer {
-  padding: 5px 0;
+  padding: 10px 0;
+  display: flex;
+}
+
+.textLabel {
+ padding-left: 10px;
 }

plugins/talk-plugin-auth-checkbox/client/components/TermsAndConditionsField.js

@@ -58,13 +58,19 @@ class TermsAndConditionsField extends React.Component {
           onChange={this.onChange}
           id={this.id}
         />
-        <label id={this.id} className="talk-plugin-health-report-label">
+        <div
+          id={this.id}
+          className={cn(
+            styles.textLabel,
+            'talk-plugin-health-report-text-label'
+          )}
+        >
           {t('talk-plugin-health-report.copy')}
           <TermsLink />
           {t('talk-plugin-health-report.and')}
           <PrivacyLink />
           {t('talk-plugin-health-report.from')}
-        </label>
+        </div>
       </div>
     );
   }