diff --git a/public/css/components/dashboard.css b/public/css/components/dashboard.css
index a9d148cab..9f32bed23 100644
--- a/public/css/components/dashboard.css
+++ b/public/css/components/dashboard.css
@@ -195,13 +195,13 @@
 
 }
 
-.hiddenWidget {
+.hidden-widget {
 	background: var(--fhc-disabled-background);
 	opacity: 40%;
 }
 
-.hiddenWidget .card,
-.hiddenWidget .card-body,
-.hiddenWidget .card-body * {
+.hidden-widget .card,
+.hidden-widget .card-body,
+.hidden-widget .card-body * {
 	background: inherit !important;
 }
diff --git a/public/js/components/Dashboard/Item.js b/public/js/components/Dashboard/Item.js
index 432659a41..ccdc40915 100644
--- a/public/js/components/Dashboard/Item.js
+++ b/public/js/components/Dashboard/Item.js
@@ -194,7 +194,7 @@ export default {
 		v-else-if="!hidden || editMode"
 		:id="widgetID"
 		class="dashboard-item card overflow-hidden h-100 position-relative"
-		:class="{'hiddenWidget':hidden, 'dashboard-item-overlay':resizeOverlay, [arguments?.className]:arguments && arguments.className}"
+		:class="{'hidden-widget':hidden, 'dashboard-item-overlay':resizeOverlay, [arguments?.className]:arguments && arguments.className}"
 	>
 		<div class="h-100 card border-0">
 			<div v-if="widget" class="card-header d-flex ps-0 pe-2 align-items-center">