diff --git a/src/components/gui/partials/CharacterScreen.vue b/src/components/gui/partials/CharacterScreen.vue
index 3b59417..d8778d5 100644
--- a/src/components/gui/partials/CharacterScreen.vue
+++ b/src/components/gui/partials/CharacterScreen.vue
@@ -34,7 +34,7 @@
                         <h3>Alignment</h3>
                         <div class="h-8 w-64 rounded border border-solid border-white bg-gradient-to-r from-red to-blue relative">
                             <!-- TODO: Give slider left value based on alignment (0-100), new characters start with 50 -->
-                            <div class="rounded border-2 border-solid border-white h-10 w-2 absolute top-1/2 -translate-y-1/2"></div>
+                            <div class="rounded border-2 border-solid border-white h-10 w-2 absolute top-1/2 -translate-y-1/2 -translate-x-1/2" :style="{ left: gameStore.character?.alignment + '%'}"></div>
                         </div>
                     </div>
                 </div>
diff --git a/src/types.ts b/src/types.ts
index 907a774..998a441 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -138,6 +138,7 @@ export type Character = {
   mana: number
   level: number
   experience: number
+  alignment: number
   role: string
   positionX: number
   positionY: number