diff --git a/src-ui/src/app/components/dashboard/widgets/widget-frame/widget-frame.component.html b/src-ui/src/app/components/dashboard/widgets/widget-frame/widget-frame.component.html
index 4eaee4761..2fb15b090 100644
--- a/src-ui/src/app/components/dashboard/widgets/widget-frame/widget-frame.component.html
+++ b/src-ui/src/app/components/dashboard/widgets/widget-frame/widget-frame.component.html
@@ -1,4 +1,4 @@
-<div class="card mb-3 shadow-sm">
+<div class="card mb-3 shadow-sm bg-light">
   <div class="card-header">
     <div class="d-flex justify-content-between align-items-center">
       <h5 class="card-title mb-0">{{title}}</h5>
@@ -10,7 +10,7 @@
     </div>
 
   </div>
-  <div class="card-body text-dark bg-light">
+  <div class="card-body text-dark">
     <ng-content select ="[content]"></ng-content>
   </div>
 </div>