diff --git a/src/system/settings.ts b/src/system/settings.ts
index 08f9de0f812..5107d00e2de 100644
--- a/src/system/settings.ts
+++ b/src/system/settings.ts
@@ -3,7 +3,7 @@ import { Mode } from "#app/ui/ui";
 import i18next from "i18next";
 import BattleScene from "../battle-scene";
 import { hasTouchscreen } from "../touch-controls";
-import { updateWindowType } from "../ui/ui-theme";
+import { updateWindowAlignment, updateWindowType } from "../ui/ui-theme";
 import { PlayerGender } from "./game-data";
 
 export enum Setting {
@@ -15,6 +15,7 @@ export enum Setting {
   Damage_Numbers = "DAMAGE_NUMBERS",
   UI_Theme = "UI_THEME",
   Window_Type = "WINDOW_TYPE",
+  Center_Window_Vertically = "CENTER_WINDOW_VERTICALLY",
   Tutorials = "TUTORIALS",
   Enable_Retries = "ENABLE_RETRIES",
   Sprite_Set = "SPRITE_SET",
@@ -48,6 +49,7 @@ export const settingOptions: SettingOptions = {
   [Setting.Damage_Numbers]: ['Off', 'Simple', 'Fancy'],
   [Setting.UI_Theme]: ['Default', 'Legacy'],
   [Setting.Window_Type]: new Array(5).fill(null).map((_, i) => (i + 1).toString()),
+  [Setting.Center_Window_Vertically]: ['Off', 'On'],
   [Setting.Tutorials]: ['Off', 'On'],
   [Setting.Enable_Retries]: ['Off', 'On'],
   [Setting.Sprite_Set]: ['Consistent', 'Mixed Animated'],
@@ -73,6 +75,7 @@ export const settingDefaults: SettingDefaults = {
   [Setting.Damage_Numbers]: 0,
   [Setting.UI_Theme]: 0,
   [Setting.Window_Type]: 0,
+  [Setting.Center_Window_Vertically]: 0,
   [Setting.Tutorials]: 1,
   [Setting.Enable_Retries]: 0,
   [Setting.Sprite_Set]: 0,
@@ -117,6 +120,9 @@ export function setSetting(scene: BattleScene, setting: Setting, value: integer)
     case Setting.Window_Type:
       updateWindowType(scene, parseInt(settingOptions[setting][value]));
       break;
+    case Setting.Center_Window_Vertically:
+      updateWindowAlignment(settingOptions[setting][value] === 'On')
+      break;
     case Setting.Tutorials:
       scene.enableTutorials = settingOptions[setting][value] === 'On';
       break;
diff --git a/src/ui/ui-theme.ts b/src/ui/ui-theme.ts
index a08acc04aff..6e88b4529e9 100644
--- a/src/ui/ui-theme.ts
+++ b/src/ui/ui-theme.ts
@@ -95,6 +95,14 @@ export function updateWindowType(scene: BattleScene, windowTypeIndex: integer):
     obj.setFrame(windowTypeIndex);
 }
 
+export function updateWindowAlignment(isCentered: boolean): void {
+  const appContainer = document.getElementById('app');
+
+  if (!appContainer) return;
+  
+  appContainer.style.alignItems = isCentered ? 'center' : 'start';
+}
+
 export function addUiThemeOverrides(scene: BattleScene): void {
   const originalAddImage = scene.add.image;
   scene.add.image = function (x: number, y: number, texture: string | Phaser.Textures.Texture, frame?: string | number): Phaser.GameObjects.Image {