diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/indicator/status-widget.component.scss b/ui-ngx/src/app/modules/home/components/widget/lib/indicator/status-widget.component.scss
index a2e32fcfcc..9585cdb0eb 100644
--- a/ui-ngx/src/app/modules/home/components/widget/lib/indicator/status-widget.component.scss
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/indicator/status-widget.component.scss
@@ -20,7 +20,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  padding: 0;
+  padding: 16px;
   > div:not(.tb-status-widget-overlay), > tb-icon {
     z-index: 1;
   }
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/indicator/status-widget.component.ts b/ui-ngx/src/app/modules/home/components/widget/lib/indicator/status-widget.component.ts
index 3f85917897..77de5bc39c 100644
--- a/ui-ngx/src/app/modules/home/components/widget/lib/indicator/status-widget.component.ts
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/indicator/status-widget.component.ts
@@ -229,7 +229,7 @@ export class StatusWidgetComponent extends
     this.showLabel = stateSettings.showLabel && this.layout !== StatusWidgetLayout.icon;
     this.showStatus = stateSettings.showStatus && this.layout !== StatusWidgetLayout.icon;
     this.icon = stateSettings.icon;
-    this.padding = stateSettings.background.overlay.enabled ? undefined : this.settings.padding;
+    this.padding = stateSettings.backgroundDisabled.overlay.enabled || stateSettings.background.overlay.enabled  ? undefined : this.settings.padding;
 
     const primaryColor = disabled ? stateSettings.primaryColorDisabled : stateSettings.primaryColor;
     const secondaryColor = disabled ? stateSettings.secondaryColorDisabled : stateSettings.secondaryColor;