diff --git a/src/pages/LoginPage/Login.tsx b/src/pages/LoginPage/Login.tsx
index 227524d..97ffe6a 100644
--- a/src/pages/LoginPage/Login.tsx
+++ b/src/pages/LoginPage/Login.tsx
@@ -102,7 +102,7 @@ export default () => {
 
           <Padding top={2} left={0} right={0} bottom={0}>
             <Row>
-              <Box curved thickness={2} padding="2.25rem" color="#2f465cd7" background="#04040660">
+              <Box curved thickness={2} padding="2.25rem" color="#253849be" background="#04040660">
                 {/* <section class="box"> */}
                 <Row>
                   <span class="box-title">Login</span>
diff --git a/src/pages/RegisterPage/Register.tsx b/src/pages/RegisterPage/Register.tsx
index cb75280..bf2aba8 100644
--- a/src/pages/RegisterPage/Register.tsx
+++ b/src/pages/RegisterPage/Register.tsx
@@ -161,7 +161,7 @@ export default () => {
 
           <Padding top={2} left={0} right={0} bottom={0}>
             <Row>
-              <Box curved thickness={2} padding="2.25rem" color="#2f465cd7" background="#04040660">
+              <Box curved thickness={2} padding="2.25rem" color="#253849be" background="#04040660">
                 <Row>
                   <span class="box-title">Registration</span>
                 </Row>
@@ -195,9 +195,17 @@ export default () => {
 
                     <Padding top={2} bottom={0} left={0} right={0}>
                       <Show when={file() && password()}>
-                        <Row>
-                          <Button edges="curved" design="bo-primary" label="Register" onClick={generateSignature} wide />
-                        </Row>
+                        <Show when={file() && password() && password().length >= 4}>
+                          <Row>
+                            <Button edges="curved" design="bo-primary" label="Register" onClick={generateSignature} wide />
+                          </Row>
+                        </Show>
+
+                        <Show when={file() && password() && password().length < 4}>
+                          <Row>
+                            <span class="already-registered">Password too short</span>
+                          </Row>
+                        </Show>
                       </Show>
 
                       <Show when={!file() && !password()}>