diff --git a/client/cryps.css b/client/cryps.css
index 0fe9bff6..ef21f96a 100644
--- a/client/cryps.css
+++ b/client/cryps.css
@@ -67,8 +67,8 @@ main {
 
 button, input {
     font-family: 'Jura';
-    height: auto;
     color: whitesmoke;
+    height: 38px;
     border-width: 2px;
     border-color: whitesmoke;
     border-radius: 0;
diff --git a/client/src/components/login.component.jsx b/client/src/components/login.component.jsx
index 5ac70808..9603f3dc 100644
--- a/client/src/components/login.component.jsx
+++ b/client/src/components/login.component.jsx
@@ -23,19 +23,16 @@ function renderLogin({ submitLogin, submitRegister, submitDemo }) {
             />
             <button
                 className="login-btn"
-                type="submit"
                 onClick={() => submitLogin(details.name, details.password)}>
                 Login
             </button>
             <button
                 className="login-btn"
-                type="submit"
                 onClick={() => submitRegister(details.name, details.password)}>
                 Register
             </button>
             <button
                 className="login-btn"
-                type="submit"
                 onClick={() => submitDemo()}>
                 demo
             </button>