diff --git a/komga-webui/src/components/dialogs/CollectionDeleteDialog.vue b/komga-webui/src/components/dialogs/CollectionDeleteDialog.vue
index a88d337ed..9b7a4720c 100644
--- a/komga-webui/src/components/dialogs/CollectionDeleteDialog.vue
+++ b/komga-webui/src/components/dialogs/CollectionDeleteDialog.vue
@@ -38,7 +38,7 @@
         <v-card-actions>
           <v-spacer/>
           <v-btn text @click="dialogCancel">{{ $t('dialog.delete_collection.button_cancel') }}</v-btn>
-          <v-btn text color="error"
+          <v-btn color="error"
                  @click="dialogConfirm"
                  :disabled="!confirmDelete"
           >{{ $t('dialog.delete_collection.button_confirm') }}
diff --git a/komga-webui/src/components/dialogs/CollectionEditDialog.vue b/komga-webui/src/components/dialogs/CollectionEditDialog.vue
index cfdd7b4fd..299613af6 100644
--- a/komga-webui/src/components/dialogs/CollectionEditDialog.vue
+++ b/komga-webui/src/components/dialogs/CollectionEditDialog.vue
@@ -34,7 +34,7 @@
         <v-card-actions>
           <v-spacer/>
           <v-btn text @click="dialogCancel">{{ $t('dialog.edit_collection.button_cancel') }}</v-btn>
-          <v-btn text class="primary--text"
+          <v-btn color="primary"
                  @click="dialogConfirm"
                  :disabled="getErrorsName !== ''"
           >{{ $t('dialog.edit_collection.button_confirm') }}
diff --git a/komga-webui/src/components/dialogs/EditBooksDialog.vue b/komga-webui/src/components/dialogs/EditBooksDialog.vue
index 439057127..ba12ace12 100644
--- a/komga-webui/src/components/dialogs/EditBooksDialog.vue
+++ b/komga-webui/src/components/dialogs/EditBooksDialog.vue
@@ -271,7 +271,7 @@
           <v-card-actions class="hidden-xs-only">
             <v-spacer/>
             <v-btn text @click="dialogCancel">{{ $t('dialog.edit_books.button_cancel') }}</v-btn>
-            <v-btn text class="primary--text" @click="dialogConfirm">{{ $t('dialog.edit_books.button_confirm') }}</v-btn>
+            <v-btn color="primary" @click="dialogConfirm">{{ $t('dialog.edit_books.button_confirm') }}</v-btn>
           </v-card-actions>
         </v-card>
       </form>
diff --git a/komga-webui/src/components/dialogs/EditSeriesDialog.vue b/komga-webui/src/components/dialogs/EditSeriesDialog.vue
index 9d59ccab5..dec6bdbd4 100644
--- a/komga-webui/src/components/dialogs/EditSeriesDialog.vue
+++ b/komga-webui/src/components/dialogs/EditSeriesDialog.vue
@@ -286,7 +286,7 @@
           <v-card-actions class="hidden-xs-only">
             <v-spacer/>
             <v-btn text @click="dialogCancel">{{ $t('dialog.edit_series.button_cancel') }}</v-btn>
-            <v-btn text class="primary--text" @click="dialogConfirm">{{ $t('dialog.edit_series.button_confirm') }}</v-btn>
+            <v-btn color="primary" @click="dialogConfirm">{{ $t('dialog.edit_series.button_confirm') }}</v-btn>
           </v-card-actions>
         </v-card>
       </form>
diff --git a/komga-webui/src/components/dialogs/FileBrowserDialog.vue b/komga-webui/src/components/dialogs/FileBrowserDialog.vue
index 58fc8ab1f..7cc82b929 100644
--- a/komga-webui/src/components/dialogs/FileBrowserDialog.vue
+++ b/komga-webui/src/components/dialogs/FileBrowserDialog.vue
@@ -54,7 +54,7 @@
         <v-card-actions>
           <v-spacer/>
           <v-btn text @click="dialogCancel">{{ $t('dialog.file_browser.button_cancel') }}</v-btn>
-          <v-btn text class="primary--text"
+          <v-btn color="primary"
                  @click="dialogConfirm"
                  :disabled="!selectedPath"
           >{{ confirmText }}
diff --git a/komga-webui/src/components/dialogs/LibraryDeleteDialog.vue b/komga-webui/src/components/dialogs/LibraryDeleteDialog.vue
index ef9536576..710091ee9 100644
--- a/komga-webui/src/components/dialogs/LibraryDeleteDialog.vue
+++ b/komga-webui/src/components/dialogs/LibraryDeleteDialog.vue
@@ -25,7 +25,7 @@
         <v-card-actions>
           <v-spacer/>
           <v-btn text @click="dialogCancel">{{ $t('dialog.delete_library.button_cancel') }}</v-btn>
-          <v-btn text color="error"
+          <v-btn color="error"
                  @click="dialogConfirm"
                  :disabled="!confirmDelete"
           >{{ $t('dialog.delete_library.button_confirm') }}
diff --git a/komga-webui/src/components/dialogs/LibraryEditDialog.vue b/komga-webui/src/components/dialogs/LibraryEditDialog.vue
index ce6e4bf6d..7fac4243f 100644
--- a/komga-webui/src/components/dialogs/LibraryEditDialog.vue
+++ b/komga-webui/src/components/dialogs/LibraryEditDialog.vue
@@ -47,8 +47,8 @@
                     </v-col>
                   </v-row>
 
-                  <v-row>
-                    <v-col cols="8">
+                  <v-row justify="center">
+                    <v-col cols="8" align-self="center">
                       <file-browser-dialog
                         v-model="modalFileBrowser"
                         :path.sync="form.path"
@@ -63,7 +63,7 @@
                                     @blur="$v.form.path.$touch()"
                       />
                     </v-col>
-                    <v-col cols="4">
+                    <v-col cols="4" align-self="center">
                       <v-btn @click="modalFileBrowser = true">{{ $t('dialog.edit_library.button_browse') }}</v-btn>
                     </v-col>
                   </v-row>
@@ -220,7 +220,7 @@
           <v-card-actions class="hidden-xs-only">
             <v-spacer/>
             <v-btn text @click="dialogClose">{{ $t('dialog.edit_library.button_cancel') }}</v-btn>
-            <v-btn text class="primary--text" @click="dialogConfirm">{{ confirmText }}</v-btn>
+            <v-btn color="primary" @click="dialogConfirm">{{ confirmText }}</v-btn>
           </v-card-actions>
         </v-card>
       </form>
diff --git a/komga-webui/src/components/dialogs/PasswordChangeDialog.vue b/komga-webui/src/components/dialogs/PasswordChangeDialog.vue
index 77fe69638..9b5e8f6c0 100644
--- a/komga-webui/src/components/dialogs/PasswordChangeDialog.vue
+++ b/komga-webui/src/components/dialogs/PasswordChangeDialog.vue
@@ -47,7 +47,7 @@
         <v-card-actions>
           <v-spacer/>
           <v-btn text @click="dialogCancel">{{ $t('dialog.password_change.button_cancel') }}</v-btn>
-          <v-btn text class="primary--text"
+          <v-btn color="primary"
                  @click="dialogConfirm"
           >{{ $t('dialog.password_change.button_confirm') }}</v-btn>
         </v-card-actions>
diff --git a/komga-webui/src/components/dialogs/ReadListDeleteDialog.vue b/komga-webui/src/components/dialogs/ReadListDeleteDialog.vue
index e19e01980..dd1605270 100644
--- a/komga-webui/src/components/dialogs/ReadListDeleteDialog.vue
+++ b/komga-webui/src/components/dialogs/ReadListDeleteDialog.vue
@@ -38,7 +38,7 @@
         <v-card-actions>
           <v-spacer/>
           <v-btn text @click="dialogCancel">{{ $t('dialog.delete_readlist.button_cancel') }}</v-btn>
-          <v-btn text color="error"
+          <v-btn color="error"
                  @click="dialogConfirm"
                  :disabled="!confirmDelete"
           >{{ $t('dialog.delete_readlist.button_confirm') }}</v-btn>
diff --git a/komga-webui/src/components/dialogs/ReadListEditDialog.vue b/komga-webui/src/components/dialogs/ReadListEditDialog.vue
index 0af4dbd75..b2544e293 100644
--- a/komga-webui/src/components/dialogs/ReadListEditDialog.vue
+++ b/komga-webui/src/components/dialogs/ReadListEditDialog.vue
@@ -23,7 +23,7 @@
         <v-card-actions>
           <v-spacer/>
           <v-btn text @click="dialogCancel">{{ $t('dialog.edit_readlist.button_cancel') }}</v-btn>
-          <v-btn text class="primary--text"
+          <v-btn color="primary"
                  @click="dialogConfirm"
                  :disabled="getErrorsName !== ''"
           >{{ $t('dialog.edit_readlist.button_confirm') }}</v-btn>
diff --git a/komga-webui/src/components/dialogs/UserAddDialog.vue b/komga-webui/src/components/dialogs/UserAddDialog.vue
index 6c46fed2c..ece5c74fa 100644
--- a/komga-webui/src/components/dialogs/UserAddDialog.vue
+++ b/komga-webui/src/components/dialogs/UserAddDialog.vue
@@ -80,7 +80,7 @@
         <v-card-actions class="hidden-xs-only">
           <v-spacer/>
           <v-btn text @click="dialogCancel">{{ $t('dialog.add_user.button_cancel') }}</v-btn>
-          <v-btn text class="primary--text" @click="dialogConfirm">{{ confirmText }}</v-btn>
+          <v-btn color="primary" @click="dialogConfirm">{{ confirmText }}</v-btn>
         </v-card-actions>
       </v-card>
     </v-dialog>
diff --git a/komga-webui/src/components/dialogs/UserDeleteDialog.vue b/komga-webui/src/components/dialogs/UserDeleteDialog.vue
index cc095aa4f..8ed165e4a 100644
--- a/komga-webui/src/components/dialogs/UserDeleteDialog.vue
+++ b/komga-webui/src/components/dialogs/UserDeleteDialog.vue
@@ -25,7 +25,7 @@
         <v-card-actions>
           <v-spacer/>
           <v-btn text @click="dialogCancel">{{ $t('dialog.delete_user.button_cancel') }}</v-btn>
-          <v-btn text class="red--text"
+          <v-btn color="error"
                  @click="dialogConfirm"
                  :disabled="!confirmDelete"
           >{{ $t('dialog.delete_user.button_confirm') }}</v-btn>
diff --git a/komga-webui/src/components/dialogs/UserEditDialog.vue b/komga-webui/src/components/dialogs/UserEditDialog.vue
index 9d120cef4..5d74dbe34 100644
--- a/komga-webui/src/components/dialogs/UserEditDialog.vue
+++ b/komga-webui/src/components/dialogs/UserEditDialog.vue
@@ -43,7 +43,7 @@
         <v-card-actions>
           <v-spacer/>
           <v-btn text @click="dialogCancel">{{ $t('dialog.edit_user.button_cancel') }}</v-btn>
-          <v-btn text class="primary--text"
+          <v-btn color="primary"
                  @click="dialogConfirm"
           >{{ $t('dialog.edit_user.button_confirm') }}</v-btn>
         </v-card-actions>
diff --git a/komga-webui/src/components/dialogs/UserSharedLibrariesEditDialog.vue b/komga-webui/src/components/dialogs/UserSharedLibrariesEditDialog.vue
index 4d2874cae..15d3a8448 100644
--- a/komga-webui/src/components/dialogs/UserSharedLibrariesEditDialog.vue
+++ b/komga-webui/src/components/dialogs/UserSharedLibrariesEditDialog.vue
@@ -43,7 +43,7 @@
         <v-card-actions>
           <v-spacer/>
           <v-btn text @click="dialogCancel">{{ $t('dialog.edit_user_shared_libraries.button_cancel') }}</v-btn>
-          <v-btn text class="primary--text"
+          <v-btn color="primary"
                  @click="dialogConfirm"
           >{{ $t('dialog.edit_user_shared_libraries.button_confirm') }}</v-btn>
         </v-card-actions>