diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/login/index.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/login/index.tsx
index 0eac78ee1ee..9779ae4a55d 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/login/index.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/login/index.tsx
@@ -12,6 +12,7 @@
  */
 
 import { Button, Divider, Form, Input, Typography } from 'antd';
+import classNames from 'classnames';
 import jwtDecode, { JwtPayload } from 'jwt-decode';
 import { observer } from 'mobx-react';
 import React, { useEffect, useMemo } from 'react';
@@ -177,7 +178,10 @@ const SigninPage = () => {
         className="tw-flex tw-bg-body-main tw-flex-grow"
         data-testid="signin-page">
         <div className="tw-w-5/12">
-          <div className="mt-24 tw-text-center flex-center flex-col">
+          <div
+            className={classNames('mt-24 tw-text-center flex-center flex-col', {
+              'sso-container': !isAuthProviderBasic,
+            })}>
             <SVGIcons alt="OpenMetadata Logo" icon={Icons.LOGO} width="152" />
             <Typography.Text strong className="mt-8 tw-mx-auto tw-text-xl w-83">
               Centralized Metadata Store, Discover, <br />
diff --git a/openmetadata-ui/src/main/resources/ui/src/styles/app.less b/openmetadata-ui/src/main/resources/ui/src/styles/app.less
index 0ef107018fe..7964fcd9847 100644
--- a/openmetadata-ui/src/main/resources/ui/src/styles/app.less
+++ b/openmetadata-ui/src/main/resources/ui/src/styles/app.less
@@ -197,3 +197,17 @@
   font-size: 1rem /* 16px */;
   line-height: 1.5rem /* 24px */;
 }
+
+/* SSO layout style  */
+.sso-container {
+  width: 100%;
+  height: 580px;
+  display: flex;
+  justify-content: space-evenly;
+  align-items: center;
+  flex-direction: column;
+
+  span {
+    margin: 0;
+  }
+}