diff --git a/packages/client/src/App.vue b/packages/client/src/App.vue
index 847dd434..6981e6d1 100644
--- a/packages/client/src/App.vue
+++ b/packages/client/src/App.vue
@@ -23,7 +23,7 @@ const sidebarExpanded = computed(() => clientState.value.expandSidebar)
watchEffect(() => {
const scale = devtoolsClientState.value.scale
- document.body.style.fontSize = `${scale * 15}px`
+ document.documentElement.style.fontSize = `${scale * 15}px`
})
watch(connected, (v) => {
diff --git a/packages/client/src/pages/settings.vue b/packages/client/src/pages/settings.vue
index 4ad2db81..5f3c1626 100644
--- a/packages/client/src/pages/settings.vue
+++ b/packages/client/src/pages/settings.vue
@@ -166,12 +166,13 @@ const minimizePanelInteractiveLabel = computed(() => {
Switch to Overlay Mode
-
-
+
+
diff --git a/packages/ui/src/components/Button.vue b/packages/ui/src/components/Button.vue
index 1f90be0f..1f122df1 100644
--- a/packages/ui/src/components/Button.vue
+++ b/packages/ui/src/components/Button.vue
@@ -108,7 +108,7 @@ const variantClasses = computed(() => {
-
-
+
+
diff --git a/packages/ui/src/components/Checkbox.vue b/packages/ui/src/components/Checkbox.vue
index 21764cee..75233182 100644
--- a/packages/ui/src/components/Checkbox.vue
+++ b/packages/ui/src/components/Checkbox.vue
@@ -17,7 +17,7 @@ const value = useVModel(props, 'modelValue', emit)
diff --git a/packages/ui/src/components/Confirm.vue b/packages/ui/src/components/Confirm.vue
index 768db1b3..476b1981 100644
--- a/packages/ui/src/components/Confirm.vue
+++ b/packages/ui/src/components/Confirm.vue
@@ -18,7 +18,7 @@ const props = withDefaults(defineProps<{
cancelText: 'Cancel',
confirmText: 'Confirm',
width: '20%',
- height: '150px',
+ height: '9rem',
title: 'Warning',
loading: false,
autoClose: true,
@@ -50,7 +50,7 @@ function close(close = false) {
{{ content }}