diff --git a/templates/user/auth/signup_inner.tmpl b/templates/user/auth/signup_inner.tmpl
index fd98851b6b9ef..58a8d2452a70e 100644
--- a/templates/user/auth/signup_inner.tmpl
+++ b/templates/user/auth/signup_inner.tmpl
@@ -55,9 +55,9 @@
 					</div>
 				{{end}}
 				{{if and .EnableCaptcha (eq .CaptchaType "mcaptcha")}}
-					<div class="inline field required df ac">
-						<label></label>
-						<div class="border-secondary" id="mcaptcha__widget-container" style="width: 304px; height: 78px"></div>
+					<div class="inline field required df ac db-small">
+						<label>{{.locale.Tr "captcha"}}</label>
+						<div class="border-secondary w-100-small" id="mcaptcha__widget-container" style="width: 50%; height: 5em"></div>
 						<div class="m-captcha" data-sitekey="{{ .McaptchaSitekey }}" data-instance-url="{{ .McaptchaURL }}"></div>
 					</div>
 				{{end}}
diff --git a/web_src/less/helpers.less b/web_src/less/helpers.less
index 0c4bf1753af32..f734b19f868af 100644
--- a/web_src/less/helpers.less
+++ b/web_src/less/helpers.less
@@ -167,3 +167,8 @@
 .py-3 { padding-top: .5rem !important; padding-bottom: .5rem !important; }
 .py-4 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
 .py-5 { padding-top: 2rem !important; padding-bottom: 2rem !important; }
+
+@media @mediaSm {
+  .db-small { display: block !important; }
+  .w-100-small { width: 100% !important; }
+}