Change style signin button

apps/app/src/components/Layout/NoLoginLayout.module.scss

@@ -50,8 +50,8 @@
 
   $btn-fill-colors: (
     'login': (
-      rgba(bs.$danger, 0.4),
-      rgba(#7e4153, 0.7),
+      rgba(#204986, 0.8),
+      rgba(#204986, 0.5),
     ),
     'register': (
       rgba(bs.$success, 0.4),
@@ -81,9 +81,8 @@
 
   @each $label, $colors in $btn-fill-colors {
     .btn-fill##{$label} {
-      .btn-label {
-        background-color: nth($colors, 1);
-      }
+      background-color: nth($colors, 1);
+      border: 1px solid rgba(white, 0.1);
       .eff {
         background-color: nth($colors, 2);
       }

apps/app/src/components/LoginForm.tsx

@@ -231,12 +231,12 @@ export const LoginForm = (props: LoginFormProps): JSX.Element => {
             <button
               type="submit"
               id="login"
-              className="btn btn-fill login mx-auto"
+              className="btn btn-fill col-6 login mx-auto"
               data-testid="btnSubmitForLogin"
               disabled={isLoading}
             >
               <div className="eff"></div>
-              <span className="btn-label">
+              <span className="btn-label pe-0">
                 {isLoading ? (
                   <LoadingSpinner />
                 ) : (
@@ -414,7 +414,7 @@ export const LoginForm = (props: LoginFormProps): JSX.Element => {
           )
         }
 
-        <form role="form" onSubmit={e => handleRegisterFormSubmit(e, registerAction)} id="register-form">
+        <form role="form" onSubmit={e => handleRegisterFormSubmit(e, registerAction)} id="register-form" className="pe-2">
 
           {!isEmailAuthenticationEnabled && (
             <div>
@@ -514,7 +514,7 @@ export const LoginForm = (props: LoginFormProps): JSX.Element => {
               disabled={(!isMailerSetup && isEmailAuthenticationEnabled) || isLoading}
             >
               <div className="eff"></div>
-              <span className="btn-label">
+              <span className="btn-label pe-0">
                 {isLoading ? (
                   <LoadingSpinner />
                 ) : (