diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 196fe0e3..19a7f848 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.0.9",
+  "version": "0.0.11",
   "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "svelte",
diff --git a/packages/svelte/src/lib/plugins/Background/DotPattern.svelte b/packages/svelte/src/lib/plugins/Background/DotPattern.svelte
index c3d2e146..474e555c 100644
--- a/packages/svelte/src/lib/plugins/Background/DotPattern.svelte
+++ b/packages/svelte/src/lib/plugins/Background/DotPattern.svelte
@@ -9,8 +9,7 @@
   circle {
     fill: var(
       --pattern-color-props,
-      var(--background-pattern-color),
-      var(--background-pattern-color-default)
+      var(--background-pattern-color, var(--background-pattern-color-default))
     );
   }
 </style>
diff --git a/packages/svelte/src/lib/plugins/Background/LinePattern.svelte b/packages/svelte/src/lib/plugins/Background/LinePattern.svelte
index 339eadab..16d72071 100644
--- a/packages/svelte/src/lib/plugins/Background/LinePattern.svelte
+++ b/packages/svelte/src/lib/plugins/Background/LinePattern.svelte
@@ -14,8 +14,7 @@
   path {
     stroke: var(
       --pattern-color-props,
-      var(--background-pattern-color),
-      var(--background-pattern-color-default)
+      var(--background-pattern-color, var(--background-pattern-color-default))
     );
   }
 </style>
diff --git a/packages/svelte/src/lib/plugins/Controls/ControlButton.svelte b/packages/svelte/src/lib/plugins/Controls/ControlButton.svelte
index 98b444fe..0fd3dc09 100644
--- a/packages/svelte/src/lib/plugins/Controls/ControlButton.svelte
+++ b/packages/svelte/src/lib/plugins/Controls/ControlButton.svelte
@@ -30,19 +30,16 @@
     border: none;
     background: var(
       --controls-button-background-color-props,
-      var(--controls-button-background-color),
-      var(--controls-button-background-color-default)
+      var(--controls-button-background-color, var(--controls-button-background-color-default))
     );
     border-bottom: 1px solid
       var(
         --controls-button-border-color-props,
-        var(--controls-button-border-color),
-        var(--controls-button-border-color-default)
+        var(--controls-button-border-color, var(--controls-button-border-color-default))
       );
     color: var(
       --controls-button-color-props,
-      var(--controls-button-color),
-      var(--controls-button-color-default)
+      var(--controls-button-color, var(--controls-button-color-default))
     );
     box-sizing: content-box;
     display: flex;
@@ -58,13 +55,14 @@
   .svelte-flow__controls-button:hover {
     background: var(
       --controls-button-background-color-hover-props,
-      var(--controls-button-background-color-hover),
-      var(--controls-button-background-color-hover-default)
+      var(
+        --controls-button-background-color-hover,
+        var(--controls-button-background-color-hover-default)
+      )
     );
     color: var(
       --controls-button-color-hover-props,
-      var(--controls-button-hover-color),
-      var(--controls-button-hover-color-default)
+      var(--controls-button-hover-color, var(--controls-button-hover-color-default))
     );
   }
 
diff --git a/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte b/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
index 31e3d658..fc3676b8 100644
--- a/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
+++ b/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
@@ -144,26 +144,22 @@
   svg {
     background-color: var(
       --minimap-background-color-props,
-      var(--minimap-background-color),
-      var(--minimap-background-color-default)
+      var(--minimap-background-color, var(--minimap-background-color-default))
     );
   }
 
   .svelte-flow__minimap-mask {
     fill: var(
       --minimap-mask-color-props,
-      var(--minimap-mask-color),
-      var(--minimap-mask-color-default)
+      var(--minimap-mask-color, var(--minimap-mask-color-default))
     );
     stroke: var(
       --minimap-mask-stroke-color-props,
-      var(--minimap-mask-stroke-color),
-      var(--minimap-mask-stroke-color-default)
+      var(--minimap-mask-stroke-color, var(--minimap-mask-stroke-color-default))
     );
     stroke-width: var(
       --minimap-mask-stroke-width-props,
-      var(--minimap-mask-stroke-width),
-      var(--minimap-mask-stroke-width-default)
+      var(--minimap-mask-stroke-width, var(--minimap-mask-stroke-width-default))
     );
   }
 </style>