diff --git a/src/components/NcDashboardWidget/NcDashboardWidget.vue b/src/components/NcDashboardWidget/NcDashboardWidget.vue
index 0ccf7ff833..d6529b82e1 100644
--- a/src/components/NcDashboardWidget/NcDashboardWidget.vue
+++ b/src/components/NcDashboardWidget/NcDashboardWidget.vue
@@ -351,7 +351,7 @@ export default {
 	&:hover,
 	&:focus {
 		background-color: var(--color-background-hover);
-		border-radius: var(--border-radius-large);
+		border-radius: var(--border-radius-element, var(--border-radius-large));
 		color: var(--color-main-text);
 	}
 }
diff --git a/src/components/NcDashboardWidgetItem/NcDashboardWidgetItem.vue b/src/components/NcDashboardWidgetItem/NcDashboardWidgetItem.vue
index 738bf0c772..5354fa6695 100644
--- a/src/components/NcDashboardWidgetItem/NcDashboardWidgetItem.vue
+++ b/src/components/NcDashboardWidgetItem/NcDashboardWidgetItem.vue
@@ -188,7 +188,7 @@ export default {
 	&:hover,
 	&:focus {
 		background-color: var(--color-background-hover);
-		border-radius: var(--border-radius-large);
+		border-radius: var(--border-radius-element, var(--border-radius-large));
 	}
 	.item-avatar {
 		position: relative;