diff --git a/app/src/components/globals/FormField.vue b/app/src/components/globals/FormField.vue
index 18114508..16b58903 100644
--- a/app/src/components/globals/FormField.vue
+++ b/app/src/components/globals/FormField.vue
@@ -98,7 +98,7 @@ export default {
         const defaultAttrs = {
           'label-cols-md': 4,
           'label-cols-lg': 3,
-          'label-class': ['font-weight-bold', 'py-0'],
+          'label-class': ['fw-bold', 'py-0'],
         }
         if (!('label-cols' in attrs)) {
           for (const attr in defaultAttrs) {
diff --git a/app/src/components/globals/ReadOnlyField.vue b/app/src/components/globals/ReadOnlyField.vue
index 7948964e..1fedf952 100644
--- a/app/src/components/globals/ReadOnlyField.vue
+++ b/app/src/components/globals/ReadOnlyField.vue
@@ -1,6 +1,6 @@
 <template>
   <BRow no-gutters class="description-row">
-    <BCol v-bind="cols_" class="font-weight-bold">
+    <BCol v-bind="cols_" class="fw-bold">
       {{ label }}
     </BCol>
 
diff --git a/app/src/views/_partials/HistoryConsole.vue b/app/src/views/_partials/HistoryConsole.vue
index 73ab25e0..d12fc2c3 100644
--- a/app/src/views/_partials/HistoryConsole.vue
+++ b/app/src/views/_partials/HistoryConsole.vue
@@ -15,7 +15,7 @@
     >
       <h5 class="m-0">
         <YIcon iname="history" />
-        <span class="d-none d-sm-inline font-weight-bold">
+        <span class="d-none d-sm-inline fw-bold">
           {{ $t('history.title') }}
         </span>
       </h5>
diff --git a/app/src/views/app/AppInfo.vue b/app/src/views/app/AppInfo.vue
index 4b55fc60..877715c9 100644
--- a/app/src/views/app/AppInfo.vue
+++ b/app/src/views/app/AppInfo.vue
@@ -136,7 +136,7 @@
         <!-- CHANGE PERMISSIONS LABEL -->
         <BFormGroup
           :label="$t('app_manage_label_and_tiles')"
-          label-class="font-weight-bold"
+          label-class="fw-bold"
         >
           <FormField
             v-for="(perm, i) in app.permissions"
@@ -186,7 +186,7 @@
         <BFormGroup
           :label="$t('app_info_access_desc')"
           label-for="permissions"
-          label-class="font-weight-bold"
+          label-class="fw-bold"
           label-cols-lg="0"
         >
           {{
@@ -209,7 +209,7 @@
           :label="$t('app_info_changeurl_desc')"
           label-for="input-url"
           :label-cols-lg="app.supports_change_url ? 0 : 0"
-          label-class="font-weight-bold"
+          label-class="fw-bold"
           v-if="app.is_webapp"
         >
           <BInputGroup v-if="app.supports_change_url">
@@ -243,7 +243,7 @@
         <BFormGroup
           :label="$t('app_info_default_desc', { domain: app.domain })"
           label-for="main-domain"
-          label-class="font-weight-bold"
+          label-class="fw-bold"
           label-cols-md="4"
           v-if="app.is_webapp"
         >
diff --git a/app/src/views/app/AppList.vue b/app/src/views/app/AppList.vue
index 890a9792..93fc8ffc 100644
--- a/app/src/views/app/AppList.vue
+++ b/app/src/views/app/AppList.vue
@@ -22,7 +22,7 @@
         class="d-flex justify-content-between align-items-center pe-0"
       >
         <div>
-          <h5 class="font-weight-bold">
+          <h5 class="fw-bold">
             {{ label }}
             <small class="text-secondary">{{ id }}</small>
           </h5>
diff --git a/app/src/views/backup/BackupCreate.vue b/app/src/views/backup/BackupCreate.vue
index 699cd8b0..c340d177 100644
--- a/app/src/views/backup/BackupCreate.vue
+++ b/app/src/views/backup/BackupCreate.vue
@@ -44,7 +44,7 @@
             class="d-flex justify-content-between align-items-center pe-0"
           >
             <div class="me-2">
-              <h5 class="font-weight-bold">
+              <h5 class="fw-bold">
                 {{ item.name }}
               </h5>
               <p class="m-0 text-muted">
@@ -92,7 +92,7 @@
             class="d-flex justify-content-between align-items-center pe-0"
           >
             <div class="me-2">
-              <h5 class="font-weight-bold">
+              <h5 class="fw-bold">
                 {{ item.name }}
                 <small class="text-secondary">{{ item.id }}</small>
               </h5>
diff --git a/app/src/views/backup/BackupInfo.vue b/app/src/views/backup/BackupInfo.vue
index ccc1b3b5..74a35514 100644
--- a/app/src/views/backup/BackupInfo.vue
+++ b/app/src/views/backup/BackupInfo.vue
@@ -71,7 +71,7 @@
             class="d-flex justify-content-between align-items-center pe-0"
           >
             <div class="me-2">
-              <h5 class="font-weight-bold">
+              <h5 class="fw-bold">
                 {{ item.name }}
                 <small class="text-secondary" v-if="item.size">
                   ({{ humanSize(item.size) }})
@@ -92,7 +92,7 @@
             class="d-flex justify-content-between align-items-center pe-0"
           >
             <div class="me-2">
-              <h5 class="font-weight-bold">
+              <h5 class="fw-bold">
                 {{ item.name }}
                 <small class="text-secondary">
                   {{ appName }} ({{ humanSize(item.size) }})
diff --git a/app/src/views/backup/BackupList.vue b/app/src/views/backup/BackupList.vue
index 96cbce56..4a58bae4 100644
--- a/app/src/views/backup/BackupList.vue
+++ b/app/src/views/backup/BackupList.vue
@@ -28,7 +28,7 @@
         class="d-flex justify-content-between align-items-center pe-0"
       >
         <div>
-          <h5 class="font-weight-bold">
+          <h5 class="fw-bold">
             {{ distanceToNow(created_at) }}
             <small class="text-secondary"
               >{{ name }} ({{ humanSize(size) }})</small
diff --git a/app/src/views/backup/BackupView.vue b/app/src/views/backup/BackupView.vue
index 164447d3..5601b05d 100644
--- a/app/src/views/backup/BackupView.vue
+++ b/app/src/views/backup/BackupView.vue
@@ -8,7 +8,7 @@
         class="d-flex justify-content-between align-items-center pe-0"
       >
         <div>
-          <h5 class="font-weight-bold">
+          <h5 class="fw-bold">
             {{ name }}
             <small class="text-secondary">{{ id }}</small>
           </h5>
diff --git a/app/src/views/domain/DomainInfo.vue b/app/src/views/domain/DomainInfo.vue
index cccdbef8..076a561a 100644
--- a/app/src/views/domain/DomainInfo.vue
+++ b/app/src/views/domain/DomainInfo.vue
@@ -86,7 +86,7 @@
             class="me-2 mb-2"
           >
             <BButton
-              class="py-0 font-weight-bold"
+              class="py-0 fw-bold"
               variant="outline-dark"
               :to="{ name: 'app-info', params: { id: app.id } }"
             >
diff --git a/app/src/views/domain/DomainList.vue b/app/src/views/domain/DomainList.vue
index 1b3b7399..48118a4d 100644
--- a/app/src/views/domain/DomainList.vue
+++ b/app/src/views/domain/DomainList.vue
@@ -23,7 +23,7 @@
         <div class="w-100 d-flex justify-content-between align-items-center">
           <h5 class="me-3">
             <BLink :to="data.to" class="text-body text-decoration-none">
-              <span class="font-weight-bold">
+              <span class="fw-bold">
                 {{ data.name.replace(parent ? parent.data.name : null, '') }}
               </span>
               <span v-if="parent" class="text-secondary">
diff --git a/app/src/views/service/ServiceList.vue b/app/src/views/service/ServiceList.vue
index 8ee867d5..874206a6 100644
--- a/app/src/views/service/ServiceList.vue
+++ b/app/src/views/service/ServiceList.vue
@@ -21,7 +21,7 @@
         class="d-flex justify-content-between align-items-center pe-0"
       >
         <div>
-          <h5 class="font-weight-bold">
+          <h5 class="fw-bold">
             {{ name }}
             <small class="text-secondary">{{ description }}</small>
           </h5>
diff --git a/app/src/views/user/UserList.vue b/app/src/views/user/UserList.vue
index ffdcdd00..88a8319e 100644
--- a/app/src/views/user/UserList.vue
+++ b/app/src/views/user/UserList.vue
@@ -38,7 +38,7 @@
         class="d-flex justify-content-between align-items-center pe-0"
       >
         <div>
-          <h5 class="font-weight-bold">
+          <h5 class="fw-bold">
             {{ user.username }}
             <small class="text-secondary">{{ user.fullname }}</small>
           </h5>