diff --git a/packages/builder/src/components/design/PropertiesPanel/DesignView.svelte b/packages/builder/src/components/design/PropertiesPanel/DesignView.svelte
index 960d960fc6..11f66387df 100644
--- a/packages/builder/src/components/design/PropertiesPanel/DesignView.svelte
+++ b/packages/builder/src/components/design/PropertiesPanel/DesignView.svelte
@@ -25,7 +25,7 @@
   ]
 
   const transitions = [
-    'fade', 'blur', 'fly' // slide and scale are hidden because they do not seem to result in any effect
+    'fade', 'blur', 'fly', 'scale' // slide is hidden because it does not seem to result in any effect
   ]
 
   $: groups = componentDefinition?.styleable ? Object.keys(allStyles) : []
diff --git a/packages/client/src/utils/transition.js b/packages/client/src/utils/transition.js
index 33d7467cc1..d97898060d 100644
--- a/packages/client/src/utils/transition.js
+++ b/packages/client/src/utils/transition.js
@@ -1,12 +1,12 @@
-import { fade, blur, slide, fly } from "svelte/transition"
+import { fade, blur, scale, fly } from "svelte/transition"
 
 // Default options
 const transitions = new Map([
   ["fade", { tn: fade, opt: {} }],
   ["blur", { tn: blur, opt: {} }],
-  // These two seem to not result in any effect
-  // ["slide", { tn: slide, opt: {} }], 
-  // ["scale", { tn: slide, opt: {} }],
+  // This one seems to not result in any effect
+  // ["slide", { tn: slide, opt: {} }],
+  ["scale", { tn: scale, opt: {} }],
   ["fly", { tn: fly, opt: { y: 80 } }],
 ])