diff --git a/src/views/desktop/ExchangeRatesPage.vue b/src/views/desktop/ExchangeRatesPage.vue
index 9b92be39..49bd84aa 100644
--- a/src/views/desktop/ExchangeRatesPage.vue
+++ b/src/views/desktop/ExchangeRatesPage.vue
@@ -3,14 +3,16 @@
         <v-col cols="12">
             <v-card :class="{ 'disabled': loading }">
                 <template #title>
-                    <span>{{ $t('Exchange Rates Data') }}</span>
-                    <v-btn density="compact" color="default" variant="text"
-                           class="ml-2" :icon="true"
-                           v-if="!loading" @click="update">
-                        <v-icon :icon="icons.refresh" size="24" />
-                        <v-tooltip activator="parent">{{ $t('Refresh') }}</v-tooltip>
-                    </v-btn>
-                    <v-progress-circular indeterminate size="24" class="ml-2" v-if="loading"></v-progress-circular>
+                    <div class="d-flex align-center">
+                        <span>{{ $t('Exchange Rates Data') }}</span>
+                        <v-btn density="compact" color="default" variant="text"
+                               class="ml-2" :icon="true"
+                               v-if="!loading" @click="update">
+                            <v-icon :icon="icons.refresh" size="24" />
+                            <v-tooltip activator="parent">{{ $t('Refresh') }}</v-tooltip>
+                        </v-btn>
+                        <v-progress-circular indeterminate size="24" class="ml-2" v-if="loading"></v-progress-circular>
+                    </div>
                 </template>
 
                 <v-card-text>
diff --git a/src/views/desktop/HomePage.vue b/src/views/desktop/HomePage.vue
index 03ea2494..fceeb53e 100644
--- a/src/views/desktop/HomePage.vue
+++ b/src/views/desktop/HomePage.vue
@@ -3,16 +3,18 @@
         <v-col cols="12" lg="4" md="12">
             <v-card :class="{ 'disabled': loadingOverview }">
                 <template #title>
-                    <span class="text-2xl font-weight-bold">{{ displayDateRange.thisMonth.displayTime }}</span>
-                    <span>·</span>
-                    <small>{{ $t('Expense') }}</small>
-                    <v-btn density="compact" color="default" variant="text"
-                           class="ml-2" :icon="true"
-                           v-if="!loadingOverview" @click="reload(true)">
-                        <v-icon :icon="icons.refresh" size="24" />
-                        <v-tooltip activator="parent">{{ $t('Refresh') }}</v-tooltip>
-                    </v-btn>
-                    <v-progress-circular indeterminate size="24" class="ml-2" v-if="loadingOverview"></v-progress-circular>
+                    <div class="d-flex align-center">
+                        <span class="text-2xl font-weight-bold">{{ displayDateRange.thisMonth.displayTime }}</span>
+                        <span>·</span>
+                        <small>{{ $t('Expense') }}</small>
+                        <v-btn density="compact" color="default" variant="text"
+                               class="ml-2" :icon="true"
+                               v-if="!loadingOverview" @click="reload(true)">
+                            <v-icon :icon="icons.refresh" size="24" />
+                            <v-tooltip activator="parent">{{ $t('Refresh') }}</v-tooltip>
+                        </v-btn>
+                        <v-progress-circular indeterminate size="24" class="ml-2" v-if="loadingOverview"></v-progress-circular>
+                    </div>
                 </template>
 
                 <v-card-text>
diff --git a/src/views/desktop/user/settings/UserDataManagementSettingTab.vue b/src/views/desktop/user/settings/UserDataManagementSettingTab.vue
index 79b4962e..26d3c7d6 100644
--- a/src/views/desktop/user/settings/UserDataManagementSettingTab.vue
+++ b/src/views/desktop/user/settings/UserDataManagementSettingTab.vue
@@ -3,14 +3,16 @@
         <v-col cols="12">
             <v-card :class="{ 'disabled': loadingDataStatistics }">
                 <template #title>
-                    <span>{{ $t('Data Management') }}</span>
-                    <v-btn density="compact" color="default" variant="text"
-                           class="ml-2" :icon="true"
-                           v-if="!loadingDataStatistics" @click="reloadUserDataStatistics(true)">
-                        <v-icon :icon="icons.refresh" size="24" />
-                        <v-tooltip activator="parent">{{ $t('Refresh') }}</v-tooltip>
-                    </v-btn>
-                    <v-progress-circular indeterminate size="24" class="ml-2" v-if="loadingDataStatistics"></v-progress-circular>
+                    <div class="d-flex align-center">
+                        <span>{{ $t('Data Management') }}</span>
+                        <v-btn density="compact" color="default" variant="text"
+                               class="ml-2" :icon="true"
+                               v-if="!loadingDataStatistics" @click="reloadUserDataStatistics(true)">
+                            <v-icon :icon="icons.refresh" size="24" />
+                            <v-tooltip activator="parent">{{ $t('Refresh') }}</v-tooltip>
+                        </v-btn>
+                        <v-progress-circular indeterminate size="24" class="ml-2" v-if="loadingDataStatistics"></v-progress-circular>
+                    </div>
                 </template>
 
                 <v-card-text>
diff --git a/src/views/desktop/user/settings/UserSecuritySettingTab.vue b/src/views/desktop/user/settings/UserSecuritySettingTab.vue
index 9dcf6455..100c5d33 100644
--- a/src/views/desktop/user/settings/UserSecuritySettingTab.vue
+++ b/src/views/desktop/user/settings/UserSecuritySettingTab.vue
@@ -71,14 +71,16 @@
         <v-col cols="12">
             <v-card :class="{ 'disabled': loadingSession }">
                 <template #title>
-                    <span>{{ $t('Device & Sessions') }}</span>
-                    <v-btn density="compact" color="default" variant="text"
-                           class="ml-2" :icon="true"
-                           v-if="!loadingSession" @click="reloadSessions">
-                        <v-icon :icon="icons.refresh" size="24" />
-                        <v-tooltip activator="parent">{{ $t('Refresh') }}</v-tooltip>
-                    </v-btn>
-                    <v-progress-circular indeterminate size="24" class="ml-2" v-if="loadingSession"></v-progress-circular>
+                    <div class="d-flex align-center">
+                        <span>{{ $t('Device & Sessions') }}</span>
+                        <v-btn density="compact" color="default" variant="text"
+                               class="ml-2" :icon="true"
+                               v-if="!loadingSession" @click="reloadSessions">
+                            <v-icon :icon="icons.refresh" size="24" />
+                            <v-tooltip activator="parent">{{ $t('Refresh') }}</v-tooltip>
+                        </v-btn>
+                        <v-progress-circular indeterminate size="24" class="ml-2" v-if="loadingSession"></v-progress-circular>
+                    </div>
                 </template>
 
                 <v-table class="text-no-wrap">