diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/auth.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/auth.scss
index 627a879958..9f428cda06 100644
--- a/services/web/frontend/stylesheets/bootstrap-5/pages/auth.scss
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/auth.scss
@@ -22,3 +22,48 @@
     text-align: left;
   }
 }
+
+.login-overleaf-logo-container {
+  display: block;
+  padding: var(--spacing-06);
+
+  .login-overleaf-logo {
+    height: 40px; // TODO: CHange this to variable
+    width: 34.5px;
+  }
+}
+
+.login-register-hr-text-container {
+  line-height: 1;
+  position: relative;
+  padding: var(--spacing-08) 0;
+
+  &::before {
+    content: '';
+    position: absolute;
+    height: 1px;
+    background-color: var(--neutral-20);
+    top: 50%;
+    left: 0;
+    right: 0;
+  }
+}
+
+.login-register-hr-text {
+  position: relative;
+  background-color: #fff;
+  padding: 0 var(--spacing-05);
+}
+
+.sso-auth-login-container {
+  max-width: 400px;
+  margin: 0 auto;
+
+  h1 {
+    font-size: var(--font-size-06);
+  }
+
+  .login-register-text {
+    font-size: var(--font-size-02);
+  }
+}
diff --git a/services/web/locales/en.json b/services/web/locales/en.json
index 2bde88bc24..6625cc4b89 100644
--- a/services/web/locales/en.json
+++ b/services/web/locales/en.json
@@ -1223,6 +1223,7 @@
   "login_to_accept_invitation": "Log in to accept invitation",
   "login_to_overleaf": "Log in to Overleaf",
   "login_with_service": "Log in with __service__",
+  "login_with_sso": "Log in to Overleaf with SSO",
   "logs_and_output_files": "Logs and output files",
   "longer_compile_timeout": "Longer <0>compile timeout</0>",
   "longer_compile_timeout_on_faster_servers": "Longer compile timeout on faster servers",