diff --git a/client/public/index.html b/client/public/index.html
index e841f191..517048b9 100644
--- a/client/public/index.html
+++ b/client/public/index.html
@@ -2,7 +2,7 @@
<html lang="en">
<head>
<meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, shrink-to-fit=no">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<meta name="theme-color" content="#000000">
<meta name="google" content="notranslate">
<meta http-equiv="x-dns-prefetch-control" content="off">
diff --git a/client/public/install.html b/client/public/install.html
index 0fe426a3..2b607f9b 100644
--- a/client/public/install.html
+++ b/client/public/install.html
@@ -2,7 +2,7 @@
<html lang="en">
<head>
<meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, shrink-to-fit=no">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<meta name="theme-color" content="#000000">
<meta name="google" content="notranslate">
<meta name="mobile-web-app-capable" content="yes" />
diff --git a/client/public/login.html b/client/public/login.html
index 43ff190b..4908ac63 100644
--- a/client/public/login.html
+++ b/client/public/login.html
@@ -2,7 +2,7 @@
<html lang="en">
<head>
<meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, shrink-to-fit=no">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<meta name="theme-color" content="#000000">
<meta name="google" content="notranslate">
<link rel="apple-touch-icon" sizes="180x180" href="assets/apple-touch-icon-180x180.png" />
diff --git a/client/src/components/App/index.css b/client/src/components/App/index.css
index ff530784..0832e790 100644
--- a/client/src/components/App/index.css
+++ b/client/src/components/App/index.css
@@ -13,6 +13,12 @@ body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}
+@media screen and (max-width: 767px) {
+ input, select, textarea {
+ font-size: 16px !important;
+ }
+}
+
.status {
margin-top: 30px;
}
@@ -71,3 +77,7 @@ body {
.button-action--active {
visibility: visible;
}
+
+.ReactModal__Body--open {
+ overflow: hidden;
+}
diff --git a/client/src/install/Setup/Setup.css b/client/src/install/Setup/Setup.css
index 9a404222..522d57c1 100644
--- a/client/src/install/Setup/Setup.css
+++ b/client/src/install/Setup/Setup.css
@@ -1,3 +1,9 @@
+@media screen and (max-width: 767px) {
+ input, select, textarea {
+ font-size: 16px !important;
+ }
+}
+
.setup {
min-height: calc(100vh - 71px);
line-height: 1.48;
diff --git a/client/src/login/Login/Login.css b/client/src/login/Login/Login.css
index c38f27bf..a6b84e96 100644
--- a/client/src/login/Login/Login.css
+++ b/client/src/login/Login/Login.css
@@ -1,3 +1,9 @@
+@media screen and (max-width: 767px) {
+ input, select, textarea {
+ font-size: 16px !important;
+ }
+}
+
.login {
display: flex;
flex-direction: column;