diff --git a/public/apps/login/login-page.tsx b/public/apps/login/login-page.tsx
index 3179ad1be..2c7ceeec1 100644
--- a/public/apps/login/login-page.tsx
+++ b/public/apps/login/login-page.tsx
@@ -115,6 +115,7 @@ export function LoginPage(props: LoginPageDeps) {
     buttonConfig: LoginButtonConfig
   ) => {
     const buttonId = `${authType}_login_button`;
+    const loginEndPointWithPath = `${props.http.basePath.serverBasePath}${loginEndPoint}`;
     return (
       <EuiFormRow>
         <EuiButton
@@ -123,7 +124,7 @@ export function LoginPage(props: LoginPageDeps) {
           size="s"
           type="prime"
           className={buttonConfig.buttonstyle || 'btn-login'}
-          href={loginEndPoint}
+          href={loginEndPointWithPath}
           iconType={buttonConfig.showbrandimage ? buttonConfig.brandimage : ''}
         >
           {buttonConfig.buttonname}
diff --git a/public/apps/login/test/__snapshots__/login-page.test.tsx.snap b/public/apps/login/test/__snapshots__/login-page.test.tsx.snap
index 4381088ee..a73477edc 100644
--- a/public/apps/login/test/__snapshots__/login-page.test.tsx.snap
+++ b/public/apps/login/test/__snapshots__/login-page.test.tsx.snap
@@ -121,7 +121,7 @@ exports[`Login page renders renders with config value for multiauth 1`] = `
         aria-label="openid_login_button"
         className="test-btn-style"
         data-test-subj="submit"
-        href="/auth/openid/login"
+        href="/app/opensearch-dashboards/auth/openid/login"
         iconType="http://localhost:5601/images/test.png"
         size="s"
         type="prime"
@@ -141,7 +141,7 @@ exports[`Login page renders renders with config value for multiauth 1`] = `
         aria-label="saml_login_button"
         className="test-btn-style"
         data-test-subj="submit"
-        href="/auth/saml/captureUrlFragment?nextUrl=%2F"
+        href="/app/opensearch-dashboards/auth/saml/captureUrlFragment?nextUrl=%2F"
         iconType="http://localhost:5601/images/test.png"
         size="s"
         type="prime"