diff --git a/lib/AppInfo/Application.php b/lib/AppInfo/Application.php
index bff89a19f..bd8e32e02 100644
--- a/lib/AppInfo/Application.php
+++ b/lib/AppInfo/Application.php
@@ -30,9 +30,9 @@ use OCA\Deck\Activity\CommentEventHandler;
 use OCA\Deck\Capabilities;
 use OCA\Deck\Collaboration\Resources\ResourceProvider;
 use OCA\Deck\Collaboration\Resources\ResourceProviderCard;
-use OCA\Deck\Dashboard\DeckWidgetUpcoming;
 use OCA\Deck\Dashboard\DeckWidgetToday;
 use OCA\Deck\Dashboard\DeckWidgetTomorrow;
+use OCA\Deck\Dashboard\DeckWidgetUpcoming;
 use OCA\Deck\Db\Acl;
 use OCA\Deck\Db\CardMapper;
 use OCA\Deck\Event\AclCreatedEvent;
diff --git a/src/views/DashboardToday.vue b/src/views/DashboardToday.vue
index 63a4d00be..3c6a1e551 100644
--- a/src/views/DashboardToday.vue
+++ b/src/views/DashboardToday.vue
@@ -21,7 +21,7 @@
   -->
 
 <template>
-	<DashboardWidget :items="cards"
+	<NcDashboardWidget :items="cards"
 		empty-content-icon="icon-deck"
 		:empty-content-message="t('deck', 'No upcoming cards')"
 		:show-more-text="t('deck', 'upcoming cards today')"
@@ -32,11 +32,11 @@
 		<template #default="{ item }">
 			<Card :card="item" />
 		</template>
-	</DashboardWidget>
+	</NcDashboardWidget>
 </template>
 
 <script>
-import { DashboardWidget } from '@nextcloud/vue-dashboard'
+import { NcDashboardWidget } from '@nextcloud/vue'
 import { mapGetters } from 'vuex'
 import Card from '../components/dashboard/Card.vue'
 import { generateUrl } from '@nextcloud/router'
@@ -44,7 +44,7 @@ import { generateUrl } from '@nextcloud/router'
 export default {
 	name: 'DashboardToday',
 	components: {
-		DashboardWidget,
+		NcDashboardWidget,
 		Card,
 	},
 	data() {
diff --git a/src/views/DashboardTomorrow.vue b/src/views/DashboardTomorrow.vue
index 8a002f259..53ccd273d 100644
--- a/src/views/DashboardTomorrow.vue
+++ b/src/views/DashboardTomorrow.vue
@@ -21,7 +21,7 @@
   -->
 
 <template>
-	<DashboardWidget :items="cards"
+	<NcDashboardWidget :items="cards"
 		empty-content-icon="icon-deck"
 		:empty-content-message="t('deck', 'No upcoming cards')"
 		:show-more-text="t('deck', 'upcoming cards tomorrow')"
@@ -32,11 +32,11 @@
 		<template #default="{ item }">
 			<Card :card="item" />
 		</template>
-	</DashboardWidget>
+	</NcDashboardWidget>
 </template>
 
 <script>
-import { DashboardWidget } from '@nextcloud/vue-dashboard'
+import { NcDashboardWidget } from '@nextcloud/vue'
 import { mapGetters } from 'vuex'
 import Card from '../components/dashboard/Card.vue'
 import { generateUrl } from '@nextcloud/router'
@@ -44,7 +44,7 @@ import { generateUrl } from '@nextcloud/router'
 export default {
 	name: 'DashboardTomorrow',
 	components: {
-		DashboardWidget,
+		NcDashboardWidget,
 		Card,
 	},
 	data() {