Add the prefix first

mx_CaptchaForm_*

Signed-off-by: Suguru Hirahara <[email protected]>

Author: luixxiul

res/css/views/auth/_AuthBody.scss

@@ -95,9 +95,9 @@ limitations under the License.
         }
     }
 
-    .mx_recaptchaContainer {
-        .mx_recaptchaContainer_info,
-        .mx_recaptchaContainer_error {
+    .mx_CaptchaForm_recaptchaContainer {
+        .mx_CaptchaForm_recaptchaContainer_info,
+        .mx_CaptchaForm_recaptchaContainer_error {
             margin: 12px auto;
         }
     }

src/components/views/auth/CaptchaForm.tsx

@@ -133,15 +133,15 @@ export default class CaptchaForm extends React.Component<ICaptchaFormProps, ICap
         }
 
         return (
-            <div className="mx_recaptchaContainer" ref={this.recaptchaContainer}>
-                <p className="mx_recaptchaContainer_info">{ _t(
+            <div className="mx_CaptchaForm_recaptchaContainer" ref={this.recaptchaContainer}>
+                <p className="mx_CaptchaForm_recaptchaContainer_info">{ _t(
                     "This homeserver would like to make sure you are not a robot.",
                 ) }</p>
                 <div
-                    className="mx_recaptchaContainer_recaptcha"
+                    className="mx_CaptchaForm_recaptchaContainer_recaptcha"
                     id={DIV_ID}
                 />
-                <div className="mx_recaptchaContainer_error">{ error }</div>
+                <div className="mx_CaptchaForm_recaptchaContainer_error">{ error }</div>
             </div>
         );
     }