diff --git a/src/components/misc/DashboardElement.vue b/src/components/misc/DashboardElement.vue
index be645514..d76f3f0e 100644
--- a/src/components/misc/DashboardElement.vue
+++ b/src/components/misc/DashboardElement.vue
@@ -46,8 +46,9 @@ onUnmounted(() => {
         <VIcon class="cursor-move">mdi-drag</VIcon>
       </template>
       <VCardTitle>
-        {{ props.config?.name + (props.config?.attrs?.subtitle ? ' - ' + props.config.attrs.subtitle : '') }}
+        {{ props.config?.name }}
       </VCardTitle>
+      <VCardSubtitle v-if="props.config?.attrs?.subtitle"> {{ props.config?.attrs?.subtitle }}</VCardSubtitle>
     </VCardItem>
     <VCardText :class="{ 'p-0': props.config?.attrs.border === false }">
       <DashboardRender v-for="(item, index) in props.config?.elements" :key="index" :config="item" />
diff --git a/src/pages/dashboard.vue b/src/pages/dashboard.vue
index 97abf784..22f08508 100644
--- a/src/pages/dashboard.vue
+++ b/src/pages/dashboard.vue
@@ -264,10 +264,7 @@ onBeforeMount(async () => {
       <VCardText>
         <VRow>
           <VCol v-for="item in dashboardConfigs" :key="item.id" cols="6" md="4" sm="4">
-            <VCheckbox
-              v-model="enableConfig[item.id]"
-              :label="item.name + (item.attrs?.subtitle ? ' - ' + item.attrs.subtitle : '')"
-            />
+            <VCheckbox v-model="enableConfig[item.id]" :label="item.name" />
           </VCol>
         </VRow>
       </VCardText>