diff --git a/public/css/components/dashboard.css b/public/css/components/dashboard.css
index 9738558c7..d24ad72b0 100644
--- a/public/css/components/dashboard.css
+++ b/public/css/components/dashboard.css
@@ -117,7 +117,8 @@
 	cursor: move !important;
 }
 
-.draggedItem {
+.drop-grid-item-resize > .dashboard-item,
+.drop-grid-item-move > .dashboard-item {
 	height: 100%;
 	width: 100%;
 	background-color: var(--fhc-dashboard-draggeditem-background);
diff --git a/public/js/components/Dashboard/Item.js b/public/js/components/Dashboard/Item.js
index 6db83caed..bea13528c 100644
--- a/public/js/components/Dashboard/Item.js
+++ b/public/js/components/Dashboard/Item.js
@@ -195,7 +195,7 @@ export default {
 		v-else-if="!hidden || editMode"
 		:id="widgetID"
 		class="dashboard-item card overflow-hidden h-100 position-relative"
-		:class="{'hiddenWidget':hidden, 'draggedItem':dragstate, 'dashboard-item-overlay':resizeOverlay, [arguments?.className]:arguments && arguments.className}"
+		:class="{'hiddenWidget':hidden, 'dashboard-item-overlay':resizeOverlay, [arguments?.className]:arguments && arguments.className}"
 	>
 		<div v-show="!dragstate" class="h-100 card border-0">
 			<div v-if="widget" class="card-header d-flex ps-0 pe-2 align-items-center">