diff --git a/packages/builder/src/components/userInterface/CategoryTab.svelte b/packages/builder/src/components/userInterface/CategoryTab.svelte
index 15335cbb87..3b5dce84e0 100644
--- a/packages/builder/src/components/userInterface/CategoryTab.svelte
+++ b/packages/builder/src/components/userInterface/CategoryTab.svelte
@@ -1,7 +1,7 @@
@@ -19,8 +19,8 @@
.tabs {
display: flex;
list-style: none;
- font-size: 18px;
- font-weight: 600;
+ font-size: var(--font-size-m);
+ font-weight: 500;
}
li {
diff --git a/packages/builder/src/components/userInterface/ComponentPropertiesPanel.svelte b/packages/builder/src/components/userInterface/ComponentPropertiesPanel.svelte
index dead297956..7b1c794610 100644
--- a/packages/builder/src/components/userInterface/ComponentPropertiesPanel.svelte
+++ b/packages/builder/src/components/userInterface/ComponentPropertiesPanel.svelte
@@ -107,7 +107,7 @@
}
.instance-name {
- font-size: 14px;
+ font-size: var(--font-size-xs);
font-weight: 500;
color: var(--grey-7);
}
diff --git a/packages/builder/src/components/userInterface/FlatButton.svelte b/packages/builder/src/components/userInterface/FlatButton.svelte
index f27a2902ee..3ae8eebca3 100644
--- a/packages/builder/src/components/userInterface/FlatButton.svelte
+++ b/packages/builder/src/components/userInterface/FlatButton.svelte
@@ -3,7 +3,7 @@
export let value = ""
export let text = ""
export let icon = ""
- export let onClick = value => {}
+ export let onClick = (value) => {}
export let selected = false
$: useIcon = !!icon
@@ -22,23 +22,22 @@