From 4e03a52b713fe940fd05efe5a1ce40b5987f8998 Mon Sep 17 00:00:00 2001
From: Jonas Plum <cugu@users.noreply.github.com>
Date: Sun, 21 Sep 2025 18:58:46 +0200
Subject: [PATCH] fix: text alignment (#1158)

---
 .../components/form/JSONSchemaFormFields.vue  |  6 ++--
 ui/src/components/group/GroupForm.vue         |  4 +--
 ui/src/components/group/GroupSelectDialog.vue |  2 +-
 .../reaction/ActionPythonFormFields.vue       |  4 +--
 .../reaction/ActionWebhookFormFields.vue      |  4 +--
 ui/src/components/reaction/ReactionForm.vue   |  6 ++--
 .../reaction/TriggerHookFormFields.vue        |  4 +--
 .../reaction/TriggerScheduleFormFields.vue    |  2 +-
 .../reaction/TriggerWebhookFormFields.vue     |  4 +--
 ui/src/components/settings/SettingsForm.vue   | 28 +++++++++----------
 ui/src/components/ticket/TicketNewDialog.vue  |  4 +--
 .../components/ticket/link/LinkAddDialog.vue  |  4 +--
 ui/src/components/type/TypeForm.vue           |  4 +--
 ui/src/components/user/UserForm.vue           |  6 ++--
 ui/src/components/user/UserPasswordForm.vue   |  4 +--
 ui/src/components/user/UserSelectDialog.vue   |  2 +-
 16 files changed, 44 insertions(+), 44 deletions(-)

diff --git a/ui/src/components/form/JSONSchemaFormFields.vue b/ui/src/components/form/JSONSchemaFormFields.vue
index c248720..9528a45 100644
--- a/ui/src/components/form/JSONSchemaFormFields.vue
+++ b/ui/src/components/form/JSONSchemaFormFields.vue
@@ -62,7 +62,7 @@ watch(
   <div v-for="(property, key) in schema?.properties" :key="key">
     <FormField v-if="property.enum" :name="key" v-slot="{ componentField }" v-model="formdata[key]">
       <FormItem>
-        <FormLabel :for="key" class="text-right">
+        <FormLabel :for="key" class="text-left">
           {{ property.title }}
         </FormLabel>
         <Select :id="key" class="col-span-3" v-bind="componentField">
@@ -87,7 +87,7 @@ watch(
       v-model="formdata[key]"
     >
       <FormItem>
-        <FormLabel :for="key" class="text-right">
+        <FormLabel :for="key" class="text-left">
           {{ property.title }}
         </FormLabel>
         <Input :id="key" class="col-span-3" v-bind="componentField" />
@@ -120,7 +120,7 @@ watch(
       v-model="formdata[key]"
     >
       <FormItem>
-        <FormLabel :for="key" class="text-right">
+        <FormLabel :for="key" class="text-left">
           {{ property.title }}
         </FormLabel>
         <Input :id="key" class="col-span-3" type="number" v-bind="componentField" />
diff --git a/ui/src/components/group/GroupForm.vue b/ui/src/components/group/GroupForm.vue
index d1ee965..a5a2f9d 100644
--- a/ui/src/components/group/GroupForm.vue
+++ b/ui/src/components/group/GroupForm.vue
@@ -133,7 +133,7 @@ const permissionItems = computed(() => config.value?.permissions || [])
   <form @submit="onSubmit" class="flex w-full flex-col items-start gap-4">
     <FormField name="name" v-slot="{ componentField }" validate-on-input>
       <FormItem class="w-full">
-        <FormLabel for="name" class="text-right">Name</FormLabel>
+        <FormLabel for="name" class="text-left">Name</FormLabel>
         <Input
           id="name"
           class="col-span-3"
@@ -152,7 +152,7 @@ const permissionItems = computed(() => config.value?.permissions || [])
     >
       <FormItem id="permissions" class="w-full">
         <div class="space-y-0.5">
-          <FormLabel for="permissions" class="text-right">Permissions</FormLabel>
+          <FormLabel for="permissions" class="text-left">Permissions</FormLabel>
         </div>
         <FormControl>
           <MultiSelect
diff --git a/ui/src/components/group/GroupSelectDialog.vue b/ui/src/components/group/GroupSelectDialog.vue
index 7870ab2..7a981be 100644
--- a/ui/src/components/group/GroupSelectDialog.vue
+++ b/ui/src/components/group/GroupSelectDialog.vue
@@ -82,7 +82,7 @@ watch(
       <form @submit="onSubmit" @change="change">
         <FormField name="group" v-slot="{ componentField }">
           <FormItem>
-            <FormLabel for="group" class="text-right"> Group</FormLabel>
+            <FormLabel for="group" class="text-left"> Group</FormLabel>
             <Select id="group" v-bind="componentField">
               <SelectTrigger>
                 <SelectValue placeholder="Select a group" />
diff --git a/ui/src/components/reaction/ActionPythonFormFields.vue b/ui/src/components/reaction/ActionPythonFormFields.vue
index 52ed45e..400e369 100644
--- a/ui/src/components/reaction/ActionPythonFormFields.vue
+++ b/ui/src/components/reaction/ActionPythonFormFields.vue
@@ -13,7 +13,7 @@ import {
 <template>
   <FormField name="actiondata.requirements" v-slot="{ componentField }">
     <FormItem>
-      <FormLabel for="requirements" class="text-right">requirements.txt</FormLabel>
+      <FormLabel for="requirements" class="text-left">requirements.txt</FormLabel>
       <FormControl>
         <GrowTextarea id="requirements" class="col-span-3" v-bind="componentField" />
       </FormControl>
@@ -23,7 +23,7 @@ import {
   </FormField>
   <FormField name="actiondata.script" v-slot="{ componentField }" validate-on-input>
     <FormItem>
-      <FormLabel for="script" class="text-right">Script</FormLabel>
+      <FormLabel for="script" class="text-left">Script</FormLabel>
       <FormControl>
         <GrowTextarea id="script" class="col-span-3" v-bind="componentField" />
       </FormControl>
diff --git a/ui/src/components/reaction/ActionWebhookFormFields.vue b/ui/src/components/reaction/ActionWebhookFormFields.vue
index aa05b5e..f65d8f7 100644
--- a/ui/src/components/reaction/ActionWebhookFormFields.vue
+++ b/ui/src/components/reaction/ActionWebhookFormFields.vue
@@ -14,7 +14,7 @@ import { Input } from '@/components/ui/input'
 <template>
   <FormField name="actiondata.headers" v-slot="{ value, handleChange }">
     <FormItem>
-      <FormLabel for="headers" class="text-right">Headers</FormLabel>
+      <FormLabel for="headers" class="text-left">Headers</FormLabel>
       <FormControl>
         <GrowListTextarea
           id="headers"
@@ -29,7 +29,7 @@ import { Input } from '@/components/ui/input'
   </FormField>
   <FormField name="actiondata.url" v-slot="{ componentField }" validate-on-input>
     <FormItem>
-      <FormLabel for="url" class="text-right">URL</FormLabel>
+      <FormLabel for="url" class="text-left">URL</FormLabel>
       <FormControl>
         <Input id="url" v-bind="componentField" placeholder="https://example.com/webhook" />
       </FormControl>
diff --git a/ui/src/components/reaction/ReactionForm.vue b/ui/src/components/reaction/ReactionForm.vue
index 1d1eae0..a6fbca7 100644
--- a/ui/src/components/reaction/ReactionForm.vue
+++ b/ui/src/components/reaction/ReactionForm.vue
@@ -267,7 +267,7 @@ const curlExample = computed(() => {
   <form @submit="onSubmit" class="flex w-full flex-col items-start gap-4">
     <FormField name="name" v-slot="{ componentField }" validate-on-input>
       <FormItem class="w-full">
-        <FormLabel for="name" class="text-right">Name</FormLabel>
+        <FormLabel for="name" class="text-left">Name</FormLabel>
         <Input id="name" class="col-span-3" v-bind="componentField" />
         <FormMessage />
       </FormItem>
@@ -280,7 +280,7 @@ const curlExample = computed(() => {
       <CardContent class="flex flex-col gap-4">
         <FormField name="trigger" v-slot="{ componentField }" validate-on-input>
           <FormItem>
-            <FormLabel for="trigger" class="text-right">Type</FormLabel>
+            <FormLabel for="trigger" class="text-left">Type</FormLabel>
             <FormControl>
               <Select id="trigger" class="col-span-3" v-bind="componentField">
                 <SelectTrigger class="font-medium">
@@ -321,7 +321,7 @@ const curlExample = computed(() => {
       <CardContent class="flex flex-col gap-4">
         <FormField name="action" v-slot="{ componentField }" validate-on-input>
           <FormItem>
-            <FormLabel for="action" class="text-right">Type</FormLabel>
+            <FormLabel for="action" class="text-left">Type</FormLabel>
             <FormControl>
               <Select id="action" class="col-span-3" v-bind="componentField">
                 <SelectTrigger class="font-medium">
diff --git a/ui/src/components/reaction/TriggerHookFormFields.vue b/ui/src/components/reaction/TriggerHookFormFields.vue
index 8fbb7ba..7968a54 100644
--- a/ui/src/components/reaction/TriggerHookFormFields.vue
+++ b/ui/src/components/reaction/TriggerHookFormFields.vue
@@ -14,7 +14,7 @@ import {
 <template>
   <FormField name="triggerdata.collections" v-slot="{ componentField }" validate-on-input>
     <FormItem>
-      <FormLabel for="collections" class="text-right">Collections</FormLabel>
+      <FormLabel for="collections" class="text-left">Collections</FormLabel>
       <FormControl>
         <TriggerHookFormFieldCollections id="collections" v-bind="componentField" />
       </FormControl>
@@ -25,7 +25,7 @@ import {
 
   <FormField name="triggerdata.events" v-slot="{ componentField }" validate-on-input>
     <FormItem>
-      <FormLabel for="events" class="text-right">Events</FormLabel>
+      <FormLabel for="events" class="text-left">Events</FormLabel>
       <FormControl>
         <TriggerHookFormFieldEvents id="events" v-bind="componentField" />
       </FormControl>
diff --git a/ui/src/components/reaction/TriggerScheduleFormFields.vue b/ui/src/components/reaction/TriggerScheduleFormFields.vue
index 2cce470..5050729 100644
--- a/ui/src/components/reaction/TriggerScheduleFormFields.vue
+++ b/ui/src/components/reaction/TriggerScheduleFormFields.vue
@@ -13,7 +13,7 @@ import { Input } from '@/components/ui/input'
 <template>
   <FormField name="triggerdata.expression" v-slot="{ componentField }" validate-on-input>
     <FormItem>
-      <FormLabel for="expression" class="text-right"> Cron Expression </FormLabel>
+      <FormLabel for="expression" class="text-left"> Cron Expression </FormLabel>
       <FormControl>
         <Input
           id="expression"
diff --git a/ui/src/components/reaction/TriggerWebhookFormFields.vue b/ui/src/components/reaction/TriggerWebhookFormFields.vue
index aa4fc4a..32cf4f1 100644
--- a/ui/src/components/reaction/TriggerWebhookFormFields.vue
+++ b/ui/src/components/reaction/TriggerWebhookFormFields.vue
@@ -13,7 +13,7 @@ import { Input } from '@/components/ui/input'
 <template>
   <FormField name="triggerdata.token" v-slot="{ componentField }" validate-on-input>
     <FormItem>
-      <FormLabel for="token" class="text-right">Token</FormLabel>
+      <FormLabel for="token" class="text-left">Token</FormLabel>
       <FormControl>
         <Input id="token" class="col-span-3" v-bind="componentField" placeholder="Enter a token" />
       </FormControl>
@@ -27,7 +27,7 @@ import { Input } from '@/components/ui/input'
 
   <FormField name="triggerdata.path" v-slot="{ componentField }" validate-on-input>
     <FormItem>
-      <FormLabel for="path" class="text-right">Path</FormLabel>
+      <FormLabel for="path" class="text-left">Path</FormLabel>
       <FormControl>
         <Input id="path" class="col-span-3" v-bind="componentField" placeholder="Enter a path" />
       </FormControl>
diff --git a/ui/src/components/settings/SettingsForm.vue b/ui/src/components/settings/SettingsForm.vue
index 6ad9570..939e404 100644
--- a/ui/src/components/settings/SettingsForm.vue
+++ b/ui/src/components/settings/SettingsForm.vue
@@ -225,7 +225,7 @@ const onSubmit = handleSubmit((vals) => {
   <form @submit="onSubmit" class="flex w-full flex-col items-start gap-4">
     <FormField name="meta.appName" v-slot="{ componentField }" validate-on-input>
       <FormItem class="w-full">
-        <FormLabel for="meta.appName" class="text-right">App Name</FormLabel>
+        <FormLabel for="meta.appName" class="text-left">App Name</FormLabel>
         <Input id="meta.appName" class="col-span-3" v-bind="componentField" />
         <FormMessage />
       </FormItem>
@@ -233,7 +233,7 @@ const onSubmit = handleSubmit((vals) => {
 
     <FormField name="meta.appUrl" v-slot="{ componentField }" validate-on-input>
       <FormItem class="w-full">
-        <FormLabel for="meta.appUrl" class="text-right">App URL</FormLabel>
+        <FormLabel for="meta.appUrl" class="text-left">App URL</FormLabel>
         <Input id="meta.appUrl" class="col-span-3" v-bind="componentField" />
         <FormMessage />
       </FormItem>
@@ -241,7 +241,7 @@ const onSubmit = handleSubmit((vals) => {
 
     <FormField name="meta.senderName" v-slot="{ componentField }" validate-on-input>
       <FormItem class="w-full">
-        <FormLabel for="meta.senderName" class="text-right">Sender Name</FormLabel>
+        <FormLabel for="meta.senderName" class="text-left">Sender Name</FormLabel>
         <Input id="meta.senderName" class="col-span-3" v-bind="componentField" />
         <FormMessage />
       </FormItem>
@@ -249,7 +249,7 @@ const onSubmit = handleSubmit((vals) => {
 
     <FormField name="meta.senderAddress" v-slot="{ componentField }" validate-on-input>
       <FormItem class="w-full">
-        <FormLabel for="meta.senderAddress" class="text-right">Sender Address</FormLabel>
+        <FormLabel for="meta.senderAddress" class="text-left">Sender Address</FormLabel>
         <Input id="meta.senderAddress" type="email" class="col-span-3" v-bind="componentField" />
         <FormMessage />
       </FormItem>
@@ -262,7 +262,7 @@ const onSubmit = handleSubmit((vals) => {
       <CardContent class="flex flex-col gap-4">
         <FormField name="maxDays" v-slot="{ componentField }" validate-on-input>
           <FormItem class="w-full">
-            <FormLabel for="maxDays" class="text-right">Max Days</FormLabel>
+            <FormLabel for="maxDays" class="text-left">Max Days</FormLabel>
             <Input id="maxDays" type="number" class="col-span-3" v-bind="componentField" />
             <FormMessage />
           </FormItem>
@@ -270,7 +270,7 @@ const onSubmit = handleSubmit((vals) => {
 
         <FormField name="logLevel" v-slot="{ componentField }" validate-on-input>
           <FormItem>
-            <FormLabel for="logLevel" class="text-right">Log Level</FormLabel>
+            <FormLabel for="logLevel" class="text-left">Log Level</FormLabel>
             <FormControl>
               <Select id="logLevel" class="col-span-3" v-bind="componentField">
                 <SelectTrigger class="font-medium">
@@ -328,7 +328,7 @@ const onSubmit = handleSubmit((vals) => {
 
         <FormField name="smtp.host" v-slot="{ componentField }" validate-on-input>
           <FormItem class="w-full">
-            <FormLabel for="smtp.host" class="text-right">Host</FormLabel>
+            <FormLabel for="smtp.host" class="text-left">Host</FormLabel>
             <Input id="smtp.host" class="col-span-3" v-bind="componentField" />
             <FormMessage />
             <FormDescription>SMTP server hostname (e.g., smtp.gmail.com)</FormDescription>
@@ -337,7 +337,7 @@ const onSubmit = handleSubmit((vals) => {
 
         <FormField name="smtp.port" v-slot="{ componentField }" validate-on-input>
           <FormItem class="w-full">
-            <FormLabel for="smtp.port" class="text-right">Port</FormLabel>
+            <FormLabel for="smtp.port" class="text-left">Port</FormLabel>
             <Input id="smtp.port" type="number" class="col-span-3" v-bind="componentField" />
             <FormMessage />
             <FormDescription>Common ports: 25, 465 (SSL), 587 (TLS)</FormDescription>
@@ -346,7 +346,7 @@ const onSubmit = handleSubmit((vals) => {
 
         <FormField name="smtp.username" v-slot="{ componentField }" validate-on-input>
           <FormItem class="w-full">
-            <FormLabel for="smtp.username" class="text-right">Username</FormLabel>
+            <FormLabel for="smtp.username" class="text-left">Username</FormLabel>
             <Input id="smtp.username" class="col-span-3" v-bind="componentField" />
             <FormMessage />
           </FormItem>
@@ -354,7 +354,7 @@ const onSubmit = handleSubmit((vals) => {
 
         <FormField name="smtp.password" v-slot="{ componentField }" validate-on-input>
           <FormItem class="w-full">
-            <FormLabel for="smtp.password" class="text-right">Password</FormLabel>
+            <FormLabel for="smtp.password" class="text-left">Password</FormLabel>
             <Input id="smtp.password" type="password" class="col-span-3" v-bind="componentField" />
             <FormMessage />
           </FormItem>
@@ -362,7 +362,7 @@ const onSubmit = handleSubmit((vals) => {
 
         <FormField name="smtp.authMethod" v-slot="{ componentField }" validate-on-input>
           <FormItem>
-            <FormLabel for="smtp.authMethod" class="text-right"> Authentication Method </FormLabel>
+            <FormLabel for="smtp.authMethod" class="text-left"> Authentication Method </FormLabel>
             <Select id="smtp.authMethod" class="col-span-3" v-bind="componentField">
               <SelectTrigger class="font-medium">
                 <SelectValue placeholder="Select authentication method" />
@@ -392,7 +392,7 @@ const onSubmit = handleSubmit((vals) => {
 
         <FormField name="smtp.localName" v-slot="{ componentField }" validate-on-input>
           <FormItem class="w-full">
-            <FormLabel for="smtp.localName" class="text-right">HELO domain</FormLabel>
+            <FormLabel for="smtp.localName" class="text-left">HELO domain</FormLabel>
             <Input id="smtp.localName" class="col-span-3" v-bind="componentField" />
             <FormDescription>Optional. Leave empty to use default hostname.</FormDescription>
             <FormMessage />
@@ -408,7 +408,7 @@ const onSubmit = handleSubmit((vals) => {
       <CardContent class="flex flex-col gap-4">
         <FormField name="cron" v-slot="{ componentField }" validate-on-input>
           <FormItem class="w-full">
-            <FormLabel for="cron" class="text-right">Cron Expression</FormLabel>
+            <FormLabel for="cron" class="text-left">Cron Expression</FormLabel>
             <Input id="cron" class="col-span-3" v-bind="componentField" />
             <FormMessage />
           </FormItem>
@@ -416,7 +416,7 @@ const onSubmit = handleSubmit((vals) => {
 
         <FormField name="cronMaxKeep" v-slot="{ componentField }" validate-on-input>
           <FormItem class="w-full">
-            <FormLabel for="cronMaxKeep" class="text-right">Max Keep</FormLabel>
+            <FormLabel for="cronMaxKeep" class="text-left">Max Keep</FormLabel>
             <Input id="cronMaxKeep" type="number" class="col-span-3" v-bind="componentField" />
             <FormMessage />
           </FormItem>
diff --git a/ui/src/components/ticket/TicketNewDialog.vue b/ui/src/components/ticket/TicketNewDialog.vue
index 6f8b134..1b47812 100644
--- a/ui/src/components/ticket/TicketNewDialog.vue
+++ b/ui/src/components/ticket/TicketNewDialog.vue
@@ -142,7 +142,7 @@ watch(
       <form @submit="onSubmit">
         <FormField name="name" v-slot="{ componentField }" v-model="name">
           <FormItem>
-            <FormLabel for="name" class="text-right">Name</FormLabel>
+            <FormLabel for="name" class="text-left">Name</FormLabel>
             <Input id="name" class="col-span-3" v-bind="componentField" />
             <FormMessage />
           </FormItem>
@@ -150,7 +150,7 @@ watch(
 
         <FormField name="description" v-slot="{ componentField }" v-model="description">
           <FormItem>
-            <FormLabel for="description" class="text-right">Description</FormLabel>
+            <FormLabel for="description" class="text-left">Description</FormLabel>
             <Input id="description" class="col-span-3" v-bind="componentField" />
             <FormMessage />
           </FormItem>
diff --git a/ui/src/components/ticket/link/LinkAddDialog.vue b/ui/src/components/ticket/link/LinkAddDialog.vue
index 3b7f100..86c8846 100644
--- a/ui/src/components/ticket/link/LinkAddDialog.vue
+++ b/ui/src/components/ticket/link/LinkAddDialog.vue
@@ -86,7 +86,7 @@ const change = () => validate({ mode: 'silent' }).then((res) => (submitDisabled.
       <form @submit="onSubmit" @change="change">
         <FormField name="name" v-slot="{ componentField }">
           <FormItem>
-            <FormLabel for="name" class="text-right"> Name</FormLabel>
+            <FormLabel for="name" class="text-left"> Name</FormLabel>
             <Input id="name" v-bind="componentField" />
             <FormMessage />
           </FormItem>
@@ -94,7 +94,7 @@ const change = () => validate({ mode: 'silent' }).then((res) => (submitDisabled.
 
         <FormField name="url" v-slot="{ componentField }" class="mt-2">
           <FormItem>
-            <FormLabel for="url" class="text-right"> URL</FormLabel>
+            <FormLabel for="url" class="text-left"> URL</FormLabel>
             <Input id="url" v-bind="componentField" />
             <FormMessage />
           </FormItem>
diff --git a/ui/src/components/type/TypeForm.vue b/ui/src/components/type/TypeForm.vue
index ee0256b..57c6d6a 100644
--- a/ui/src/components/type/TypeForm.vue
+++ b/ui/src/components/type/TypeForm.vue
@@ -138,7 +138,7 @@ const onSubmit = handleSubmit((values) => {
   <form @submit="onSubmit" class="flex w-full flex-col items-start gap-4">
     <FormField name="singular" v-slot="{ componentField }" validate-on-input>
       <FormItem class="w-full">
-        <FormLabel for="singular" class="text-right">Singular</FormLabel>
+        <FormLabel for="singular" class="text-left">Singular</FormLabel>
         <Input id="singular" class="col-span-3" v-bind="componentField" />
         <FormMessage />
       </FormItem>
@@ -146,7 +146,7 @@ const onSubmit = handleSubmit((values) => {
 
     <FormField name="plural" v-slot="{ componentField }" validate-on-input>
       <FormItem class="w-full">
-        <FormLabel for="plural" class="text-right">Plural</FormLabel>
+        <FormLabel for="plural" class="text-left">Plural</FormLabel>
         <Input id="plural" class="col-span-3" v-bind="componentField" />
         <FormMessage />
       </FormItem>
diff --git a/ui/src/components/user/UserForm.vue b/ui/src/components/user/UserForm.vue
index d9027fb..e44e50c 100644
--- a/ui/src/components/user/UserForm.vue
+++ b/ui/src/components/user/UserForm.vue
@@ -153,7 +153,7 @@ const onSubmit = handleSubmit((values) => emit('submit', values))
   <form @submit="onSubmit" class="flex w-full flex-col items-start gap-4">
     <FormField name="name" v-slot="{ componentField }" validate-on-input>
       <FormItem class="w-full">
-        <FormLabel for="name" class="text-right">Name</FormLabel>
+        <FormLabel for="name" class="text-left">Name</FormLabel>
         <Input id="name" class="col-span-3" v-bind="componentField" />
         <FormMessage />
       </FormItem>
@@ -161,7 +161,7 @@ const onSubmit = handleSubmit((values) => emit('submit', values))
 
     <FormField name="username" v-slot="{ componentField }" validate-on-input>
       <FormItem class="w-full">
-        <FormLabel for="username" class="text-right">Username</FormLabel>
+        <FormLabel for="username" class="text-left">Username</FormLabel>
         <Input id="username" class="col-span-3" v-bind="componentField" />
         <FormMessage />
       </FormItem>
@@ -169,7 +169,7 @@ const onSubmit = handleSubmit((values) => emit('submit', values))
 
     <FormField name="email" v-slot="{ componentField }" validate-on-input>
       <FormItem class="w-full">
-        <FormLabel for="email" class="text-right">Email</FormLabel>
+        <FormLabel for="email" class="text-left">Email</FormLabel>
         <Input id="email" type="email" class="col-span-3" v-bind="componentField" />
         <FormMessage />
       </FormItem>
diff --git a/ui/src/components/user/UserPasswordForm.vue b/ui/src/components/user/UserPasswordForm.vue
index d93896a..3a8a2df 100644
--- a/ui/src/components/user/UserPasswordForm.vue
+++ b/ui/src/components/user/UserPasswordForm.vue
@@ -111,7 +111,7 @@ const onSubmit = handleSubmit((values) => emit('submit', values))
   <form @submit="onSubmit" class="flex w-full flex-col items-start gap-4">
     <FormField name="password" v-slot="{ componentField }" validate-on-input>
       <FormItem class="w-full">
-        <FormLabel for="password" class="text-right">Password</FormLabel>
+        <FormLabel for="password" class="text-left">Password</FormLabel>
         <Input id="password" type="password" class="col-span-3" v-bind="componentField" />
         <FormMessage />
       </FormItem>
@@ -119,7 +119,7 @@ const onSubmit = handleSubmit((values) => emit('submit', values))
 
     <FormField name="passwordConfirm" v-slot="{ componentField }" validate-on-input>
       <FormItem class="w-full">
-        <FormLabel for="passwordConfirm" class="text-right">Confirm Password</FormLabel>
+        <FormLabel for="passwordConfirm" class="text-left">Confirm Password</FormLabel>
         <Input id="passwordConfirm" type="password" class="col-span-3" v-bind="componentField" />
         <FormMessage />
       </FormItem>
diff --git a/ui/src/components/user/UserSelectDialog.vue b/ui/src/components/user/UserSelectDialog.vue
index 8b6ddbd..2c9add7 100644
--- a/ui/src/components/user/UserSelectDialog.vue
+++ b/ui/src/components/user/UserSelectDialog.vue
@@ -82,7 +82,7 @@ watch(
       <form @submit="onSubmit" @change="change">
         <FormField name="user" v-slot="{ componentField }">
           <FormItem>
-            <FormLabel for="user" class="text-right"> User</FormLabel>
+            <FormLabel for="user" class="text-left"> User</FormLabel>
             <Select id="user" v-bind="componentField">
               <SelectTrigger>
                 <SelectValue placeholder="Select a user" />