diff --git a/Widgets/NColorSlider.qml b/Widgets/NColorSlider.qml
index 39d5e5ee2..098c99806 100644
--- a/Widgets/NColorSlider.qml
+++ b/Widgets/NColorSlider.qml
@@ -93,6 +93,7 @@ Slider {
       anchors.centerIn: parent
       width: root.trackWidth
       height: bgContainer.height
+      visible: root.trackWidth > 0 && bgContainer.height > 0
       preferredRendererType: Shape.CurveRenderer
 
       ShapePath {
diff --git a/Widgets/NSlider.qml b/Widgets/NSlider.qml
index 4c6edef20..78ec8f5c1 100644
--- a/Widgets/NSlider.qml
+++ b/Widgets/NSlider.qml
@@ -41,6 +41,7 @@ Slider {
     // Background track
     Shape {
       anchors.fill: parent
+      visible: bgContainer.width > 0 && bgContainer.height > 0
       preferredRendererType: Shape.CurveRenderer
 
       ShapePath {