diff --git a/android/java/AndroidManifest.xml b/android/java/AndroidManifest.xml
index 129919f119d..f8d7ae81931 100644
--- a/android/java/AndroidManifest.xml
+++ b/android/java/AndroidManifest.xml
@@ -19,10 +19,8 @@
 
 <activity
     android:name="org.chromium.chrome.browser.customtabs.BraveAccountCustomTabActivity"
-    android:configChanges="orientation|keyboardHidden|keyboard|screenSize|mcc|mnc|screenLayout|smallestScreenSize|uiMode|navigation"
+    android:configChanges="keyboardHidden|keyboard|mcc|mnc|screenLayout|smallestScreenSize|uiMode|navigation"
     android:theme="@style/BraveAccountTheme"
-    android:screenOrientation="sensorPortrait"
-    tools:ignore="LockedOrientationActivity,DiscouragedApi"
     android:exported="false"/>
 
 <activity
diff --git a/components/brave_account/resources/brave_account_dialog.css b/components/brave_account/resources/brave_account_dialog.css
index 66ac94650d9..a0065912ae7 100644
--- a/components/brave_account/resources/brave_account_dialog.css
+++ b/components/brave_account/resources/brave_account_dialog.css
@@ -7,17 +7,27 @@
  * #type=style-lit
  * #css_wrapper_metadata_end */
 
+:host {
+  --logo-height: 36px;
+}
+
+@media (min-width: 500px) {
+  :host {
+    --logo-height: 40px;
+  }
+}
+
 .header {
   align-items: center;
   display: flex;
   flex-direction: column;
-  padding: 0px 0px var(--leo-spacing-4xl);
+  padding: 0px 0px var(--logo-height);
 }
 
 .navigation-buttons {
   display: flex;
   justify-content: flex-end;
-  min-height: var(--leo-spacing-4xl);
+  min-height: var(--logo-height);
   width: 100%;
 }
 
@@ -38,8 +48,8 @@ leo-icon {
 .logo {
   background-image: url('full_brave_brand.svg');
   background-size: cover;
-  height: var(--leo-spacing-4xl);
-  width: calc(var(--leo-spacing-4xl) * 129 / 40);
+  height: var(--logo-height);
+  width: calc(var(--logo-height) * 129 / 40);
 }
 
 @media (prefers-color-scheme: dark) {
@@ -53,6 +63,14 @@ leo-icon {
     var(--leo-spacing-2xl);
 }
 
+@media (min-width: 500px) {
+  .body {
+    box-sizing: border-box;
+    margin: 0px auto;
+    width: 500px;
+  }
+}
+
 .title-and-description {
   color: var(--leo-color-text-secondary);
   display: flex;
@@ -82,6 +100,15 @@ leo-icon {
   gap: var(--leo-spacing-m);
 }
 
-:host ::slotted([slot='footer']) {
-  border-top: 1px solid var(--leo-color-divider-subtle);
+.divider {
+  background-color: var(--leo-color-divider-subtle);
+  height: 1px;
+}
+
+@media (min-width: 500px) {
+  :host ::slotted([slot='footer']) {
+    box-sizing: border-box;
+    margin: 0px auto;
+    width: 500px;
+  }
 }
diff --git a/components/brave_account/resources/brave_account_dialog.html.ts b/components/brave_account/resources/brave_account_dialog.html.ts
index 4f9e7f8bd4d..11c8573752f 100644
--- a/components/brave_account/resources/brave_account_dialog.html.ts
+++ b/components/brave_account/resources/brave_account_dialog.html.ts
@@ -55,6 +55,7 @@ export function getHtml(this: BraveAccountDialogElement) {
         </if>
       </div>
     </div>
+    ${this.isFooterSlotted ? html`<div class="divider"></div>` : nothing}
     <slot name="footer"></slot>
     <!--_html_template_end_-->`
 }
diff --git a/components/brave_account/resources/brave_account_dialog.ts b/components/brave_account/resources/brave_account_dialog.ts
index c2d0c88b50e..23e65764bf6 100644
--- a/components/brave_account/resources/brave_account_dialog.ts
+++ b/components/brave_account/resources/brave_account_dialog.ts
@@ -3,7 +3,10 @@
  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
  * You can obtain one at https://mozilla.org/MPL/2.0/. */
 
-import { CrLitElement } from '//resources/lit/v3_0/lit.rollup.js'
+import {
+  CrLitElement,
+  PropertyValues,
+} from '//resources/lit/v3_0/lit.rollup.js'
 
 import { getCss } from './brave_account_dialog.css.js'
 import { getHtml } from './brave_account_dialog.html.js'
@@ -26,6 +29,7 @@ export class BraveAccountDialogElement extends CrLitElement {
       alertMessage: { type: String },
       dialogDescription: { type: String },
       dialogTitle: { type: String },
+      isFooterSlotted: { type: Boolean },
       showBackButton: { type: Boolean },
     }
   }
@@ -33,7 +37,20 @@ export class BraveAccountDialogElement extends CrLitElement {
   protected accessor alertMessage: string = ''
   protected accessor dialogDescription: string = ''
   protected accessor dialogTitle: string = ''
+  protected accessor isFooterSlotted: boolean = false
   protected accessor showBackButton: boolean = false
+
+  override firstUpdated(changedProperties: PropertyValues<this>) {
+    super.firstUpdated(changedProperties)
+    const footer = this.shadowRoot?.querySelector(
+      'slot[name="footer"]',
+    ) as HTMLSlotElement
+    if (footer) {
+      footer.addEventListener('slotchange', () => {
+        this.isFooterSlotted = footer.assignedNodes().length > 0
+      })
+    }
+  }
 }
 
 declare global {
diff --git a/components/brave_account/resources/brave_account_entry_dialog.css b/components/brave_account/resources/brave_account_entry_dialog.css
index 8ef794ab976..7e9c0bb06ba 100644
--- a/components/brave_account/resources/brave_account_entry_dialog.css
+++ b/components/brave_account/resources/brave_account_entry_dialog.css
@@ -11,6 +11,7 @@
   align-items: center;
   display: flex;
   gap: var(--leo-spacing-xl);
+  justify-content: space-between;
   padding: var(--leo-spacing-2xl);
 }