diff --git a/packages/client/src/components/Component.svelte b/packages/client/src/components/Component.svelte
index ae6db62282..80e187135c 100644
--- a/packages/client/src/components/Component.svelte
+++ b/packages/client/src/components/Component.svelte
@@ -375,7 +375,7 @@
     if (!node) {
       return
     }
-    node.style.scrollMargin = "86px"
+    node.style.scrollMargin = "100px"
     node.scrollIntoView({
       behavior: "smooth",
       block: "start",
diff --git a/packages/client/src/components/preview/SettingsBar.svelte b/packages/client/src/components/preview/SettingsBar.svelte
index 02589277c3..bc227c87d9 100644
--- a/packages/client/src/components/preview/SettingsBar.svelte
+++ b/packages/client/src/components/preview/SettingsBar.svelte
@@ -6,7 +6,7 @@
   import { builderStore, componentStore } from "stores"
   import { domDebounce } from "utils/domDebounce"
 
-  const verticalOffset = 34
+  const verticalOffset = 36
   const horizontalOffset = 2
 
   let top = 0