From 591f2fec888acdb97be339e868572ff6139c6414 Mon Sep 17 00:00:00 2001
From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com>
Date: Sat, 21 Mar 2026 08:46:00 +0000
Subject: [PATCH 1/2] chore(deps): update dependency loro-crdt to ^1.10.8

---
 preact-loro/package.json | 2 +-
 react-loro/package.json  | 2 +-
 solid-loro/package.json  | 2 +-
 svelte-loro/package.json | 2 +-
 vue-loro/package.json    | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/preact-loro/package.json b/preact-loro/package.json
index d00bbac72..a3816030e 100644
--- a/preact-loro/package.json
+++ b/preact-loro/package.json
@@ -9,7 +9,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "loro-crdt": "^1.10.7",
+    "loro-crdt": "^1.10.8",
     "loro-prosemirror": "^0.4.3",
     "preact": "^10.29.0",
     "prosekit": "^0.18.4"
diff --git a/react-loro/package.json b/react-loro/package.json
index 9e1b8be66..f53eeb47e 100644
--- a/react-loro/package.json
+++ b/react-loro/package.json
@@ -9,7 +9,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "loro-crdt": "^1.10.7",
+    "loro-crdt": "^1.10.8",
     "loro-prosemirror": "^0.4.3",
     "prosekit": "^0.18.4",
     "react": "^19.2.4",
diff --git a/solid-loro/package.json b/solid-loro/package.json
index 3b93e2339..1718c65d7 100644
--- a/solid-loro/package.json
+++ b/solid-loro/package.json
@@ -9,7 +9,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "loro-crdt": "^1.10.7",
+    "loro-crdt": "^1.10.8",
     "loro-prosemirror": "^0.4.3",
     "prosekit": "^0.18.4",
     "solid-js": "^1.9.11"
diff --git a/svelte-loro/package.json b/svelte-loro/package.json
index 040d79e42..6cfccc08d 100644
--- a/svelte-loro/package.json
+++ b/svelte-loro/package.json
@@ -9,7 +9,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "loro-crdt": "^1.10.7",
+    "loro-crdt": "^1.10.8",
     "loro-prosemirror": "^0.4.3",
     "prosekit": "^0.18.4"
   },
diff --git a/vue-loro/package.json b/vue-loro/package.json
index e6b011691..ca014968a 100644
--- a/vue-loro/package.json
+++ b/vue-loro/package.json
@@ -9,7 +9,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "loro-crdt": "^1.10.7",
+    "loro-crdt": "^1.10.8",
     "loro-prosemirror": "^0.4.3",
     "prosekit": "^0.18.4",
     "vue": "^3.5.30"

From a8c813d0644774ac5eec546e414eed43046d47fb Mon Sep 17 00:00:00 2001
From: "autofix-ci[bot]" <114827586+autofix-ci[bot]@users.noreply.github.com>
Date: Sat, 21 Mar 2026 08:46:54 +0000
Subject: [PATCH 2/2] [autofix.ci] apply automated fixes

---
 next-full/components/editor/ui/block-handle/block-handle.tsx  | 4 ++--
 .../src/components/editor/ui/block-handle/block-handle.vue    | 4 ++--
 .../src/components/editor/ui/block-handle/block-handle.tsx    | 4 ++--
 .../src/components/editor/ui/block-handle/block-handle.tsx    | 4 ++--
 .../src/components/editor/ui/block-handle/block-handle.tsx    | 4 ++--
 .../src/components/editor/ui/block-handle/block-handle.tsx    | 4 ++--
 .../src/components/editor/ui/block-handle/block-handle.tsx    | 4 ++--
 .../src/components/editor/ui/block-handle/block-handle.tsx    | 4 ++--
 .../src/components/editor/ui/block-handle/block-handle.tsx    | 4 ++--
 .../src/components/editor/ui/block-handle/block-handle.tsx    | 4 ++--
 .../src/components/editor/ui/block-handle/block-handle.tsx    | 4 ++--
 .../src/components/editor/ui/block-handle/block-handle.tsx    | 4 ++--
 .../src/components/editor/ui/block-handle/block-handle.tsx    | 4 ++--
 .../src/components/editor/ui/block-handle/block-handle.tsx    | 4 ++--
 .../src/components/editor/ui/block-handle/block-handle.svelte | 4 ++--
 .../src/components/editor/ui/block-handle/block-handle.svelte | 4 ++--
 .../src/components/editor/ui/block-handle/block-handle.svelte | 4 ++--
 .../src/components/editor/ui/block-handle/block-handle.svelte | 4 ++--
 .../src/components/editor/ui/block-handle/block-handle.svelte | 4 ++--
 .../src/components/editor/ui/block-handle/block-handle.vue    | 4 ++--
 .../src/components/editor/ui/block-handle/block-handle.vue    | 4 ++--
 .../src/components/editor/ui/block-handle/block-handle.vue    | 4 ++--
 .../src/components/editor/ui/block-handle/block-handle.vue    | 4 ++--
 23 files changed, 46 insertions(+), 46 deletions(-)

diff --git a/next-full/components/editor/ui/block-handle/block-handle.tsx b/next-full/components/editor/ui/block-handle/block-handle.tsx
index 1fcc6a31c..a0bf8e258 100644
--- a/next-full/components/editor/ui/block-handle/block-handle.tsx
+++ b/next-full/components/editor/ui/block-handle/block-handle.tsx
@@ -14,10 +14,10 @@ export default function BlockHandle(props: Props) {
       placement={props.dir === 'rtl' ? 'right' : 'left'}
       className="flex items-center flex-row box-border justify-center transition border-0 [&:not([data-state])]:hidden will-change-transform motion-safe:data-[state=open]:animate-in motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=open]:fade-in-0 motion-safe:data-[state=closed]:fade-out-0 motion-safe:data-[state=open]:zoom-in-95 motion-safe:data-[state=closed]:zoom-out-95 motion-safe:data-[state=open]:animate-duration-150 motion-safe:data-[state=closed]:animate-duration-200"
     >
-      <BlockHandleAdd className="flex items-center box-border justify-center h-[1.5em] w-[1.5em] hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-pointer">
+      <BlockHandleAdd className="flex items-center box-border justify-center h-6 w-6 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-pointer">
         <div className="i-lucide-plus size-5 block" />
       </BlockHandleAdd>
-      <BlockHandleDraggable className="flex items-center box-border justify-center h-[1.5em] w-[1.2em] hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-grab">
+      <BlockHandleDraggable className="flex items-center box-border justify-center h-6 w-5 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-grab">
         <div className="i-lucide-grip-vertical size-5 block" />
       </BlockHandleDraggable>
     </BlockHandlePopover>
diff --git a/nuxt-full/src/components/editor/ui/block-handle/block-handle.vue b/nuxt-full/src/components/editor/ui/block-handle/block-handle.vue
index 6a957ae75..ff04690bf 100644
--- a/nuxt-full/src/components/editor/ui/block-handle/block-handle.vue
+++ b/nuxt-full/src/components/editor/ui/block-handle/block-handle.vue
@@ -18,12 +18,12 @@ const props = defineProps<Props>()
     class="flex items-center flex-row box-border justify-center transition border-0 [&:not([data-state])]:hidden will-change-transform motion-safe:data-[state=open]:animate-in motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=open]:fade-in-0 motion-safe:data-[state=closed]:fade-out-0 motion-safe:data-[state=open]:zoom-in-95 motion-safe:data-[state=closed]:zoom-out-95 motion-safe:data-[state=open]:animate-duration-150 motion-safe:data-[state=closed]:animate-duration-200"
   >
     <BlockHandleAdd
-      class="flex items-center box-border justify-center h-[1.5em] w-[1.5em] hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-pointer"
+      class="flex items-center box-border justify-center h-6 w-6 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-pointer"
     >
       <div class="i-lucide-plus size-5 block" />
     </BlockHandleAdd>
     <BlockHandleDraggable
-      class="flex items-center box-border justify-center h-[1.5em] w-[1.2em] hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-grab"
+      class="flex items-center box-border justify-center h-6 w-5 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-grab"
     >
       <div class="i-lucide-grip-vertical size-5 block" />
     </BlockHandleDraggable>
diff --git a/preact-block-handle/src/components/editor/ui/block-handle/block-handle.tsx b/preact-block-handle/src/components/editor/ui/block-handle/block-handle.tsx
index 4c5a3f094..42ab54104 100644
--- a/preact-block-handle/src/components/editor/ui/block-handle/block-handle.tsx
+++ b/preact-block-handle/src/components/editor/ui/block-handle/block-handle.tsx
@@ -14,10 +14,10 @@ export default function BlockHandle(props: Props) {
       placement={props.dir === 'rtl' ? 'right' : 'left'}
       className="flex items-center flex-row box-border justify-center transition border-0 [&:not([data-state])]:hidden will-change-transform motion-safe:data-[state=open]:animate-in motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=open]:fade-in-0 motion-safe:data-[state=closed]:fade-out-0 motion-safe:data-[state=open]:zoom-in-95 motion-safe:data-[state=closed]:zoom-out-95 motion-safe:data-[state=open]:animate-duration-150 motion-safe:data-[state=closed]:animate-duration-200"
     >
-      <BlockHandleAdd className="flex items-center box-border justify-center h-[1.5em] w-[1.5em] hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-pointer">
+      <BlockHandleAdd className="flex items-center box-border justify-center h-6 w-6 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-pointer">
         <div className="i-lucide-plus size-5 block" />
       </BlockHandleAdd>
-      <BlockHandleDraggable className="flex items-center box-border justify-center h-[1.5em] w-[1.2em] hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-grab">
+      <BlockHandleDraggable className="flex items-center box-border justify-center h-6 w-5 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-grab">
         <div className="i-lucide-grip-vertical size-5 block" />
       </BlockHandleDraggable>
     </BlockHandlePopover>
diff --git a/preact-full/src/components/editor/ui/block-handle/block-handle.tsx b/preact-full/src/components/editor/ui/block-handle/block-handle.tsx
index 4c5a3f094..42ab54104 100644
--- a/preact-full/src/components/editor/ui/block-handle/block-handle.tsx
+++ b/preact-full/src/components/editor/ui/block-handle/block-handle.tsx
@@ -14,10 +14,10 @@ export default function BlockHandle(props: Props) {
       placement={props.dir === 'rtl' ? 'right' : 'left'}
       className="flex items-center flex-row box-border justify-center transition border-0 [&:not([data-state])]:hidden will-change-transform motion-safe:data-[state=open]:animate-in motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=open]:fade-in-0 motion-safe:data-[state=closed]:fade-out-0 motion-safe:data-[state=open]:zoom-in-95 motion-safe:data-[state=closed]:zoom-out-95 motion-safe:data-[state=open]:animate-duration-150 motion-safe:data-[state=closed]:animate-duration-200"
     >
-      <BlockHandleAdd className="flex items-center box-border justify-center h-[1.5em] w-[1.5em] hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-pointer">
+      <BlockHandleAdd className="flex items-center box-border justify-center h-6 w-6 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-pointer">
         <div className="i-lucide-plus size-5 block" />
       </BlockHandleAdd>
-      <BlockHandleDraggable className="flex items-center box-border justify-center h-[1.5em] w-[1.2em] hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-grab">
+      <BlockHandleDraggable className="flex items-center box-border justify-center h-6 w-5 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-grab">
         <div className="i-lucide-grip-vertical size-5 block" />
       </BlockHandleDraggable>
     </BlockHandlePopover>
diff --git a/preact-rtl/src/components/editor/ui/block-handle/block-handle.tsx b/preact-rtl/src/components/editor/ui/block-handle/block-handle.tsx
index 4c5a3f094..42ab54104 100644
--- a/preact-rtl/src/components/editor/ui/block-handle/block-handle.tsx
+++ b/preact-rtl/src/components/editor/ui/block-handle/block-handle.tsx
@@ -14,10 +14,10 @@ export default function BlockHandle(props: Props) {
       placement={props.dir === 'rtl' ? 'right' : 'left'}
       className="flex items-center flex-row box-border justify-center transition border-0 [&:not([data-state])]:hidden will-change-transform motion-safe:data-[state=open]:animate-in motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=open]:fade-in-0 motion-safe:data-[state=closed]:fade-out-0 motion-safe:data-[state=open]:zoom-in-95 motion-safe:data-[state=closed]:zoom-out-95 motion-safe:data-[state=open]:animate-duration-150 motion-safe:data-[state=closed]:animate-duration-200"
     >
-      <BlockHandleAdd className="flex items-center box-border justify-center h-[1.5em] w-[1.5em] hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-pointer">
+      <BlockHandleAdd className="flex items-center box-border justify-center h-6 w-6 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-pointer">
         <div className="i-lucide-plus size-5 block" />
       </BlockHandleAdd>
-      <BlockHandleDraggable className="flex items-center box-border justify-center h-[1.5em] w-[1.2em] hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-grab">
+      <BlockHandleDraggable className="flex items-center box-border justify-center h-6 w-5 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-grab">
         <div className="i-lucide-grip-vertical size-5 block" />
       </BlockHandleDraggable>
     </BlockHandlePopover>
diff --git a/preact-typography/src/components/editor/ui/block-handle/block-handle.tsx b/preact-typography/src/components/editor/ui/block-handle/block-handle.tsx
index 4c5a3f094..42ab54104 100644
--- a/preact-typography/src/components/editor/ui/block-handle/block-handle.tsx
+++ b/preact-typography/src/components/editor/ui/block-handle/block-handle.tsx
@@ -14,10 +14,10 @@ export default function BlockHandle(props: Props) {
       placement={props.dir === 'rtl' ? 'right' : 'left'}
       className="flex items-center flex-row box-border justify-center transition border-0 [&:not([data-state])]:hidden will-change-transform motion-safe:data-[state=open]:animate-in motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=open]:fade-in-0 motion-safe:data-[state=closed]:fade-out-0 motion-safe:data-[state=open]:zoom-in-95 motion-safe:data-[state=closed]:zoom-out-95 motion-safe:data-[state=open]:animate-duration-150 motion-safe:data-[state=closed]:animate-duration-200"
     >
-      <BlockHandleAdd className="flex items-center box-border justify-center h-[1.5em] w-[1.5em] hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-pointer">
+      <BlockHandleAdd className="flex items-center box-border justify-center h-6 w-6 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-pointer">
         <div className="i-lucide-plus size-5 block" />
       </BlockHandleAdd>
-      <BlockHandleDraggable className="flex items-center box-border justify-center h-[1.5em] w-[1.2em] hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-grab">
+      <BlockHandleDraggable className="flex items-center box-border justify-center h-6 w-5 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-grab">
         <div className="i-lucide-grip-vertical size-5 block" />
       </BlockHandleDraggable>
     </BlockHandlePopover>
diff --git a/react-block-handle/src/components/editor/ui/block-handle/block-handle.tsx b/react-block-handle/src/components/editor/ui/block-handle/block-handle.tsx
index 1fcc6a31c..a0bf8e258 100644
--- a/react-block-handle/src/components/editor/ui/block-handle/block-handle.tsx
+++ b/react-block-handle/src/components/editor/ui/block-handle/block-handle.tsx
@@ -14,10 +14,10 @@ export default function BlockHandle(props: Props) {
       placement={props.dir === 'rtl' ? 'right' : 'left'}
       className="flex items-center flex-row box-border justify-center transition border-0 [&:not([data-state])]:hidden will-change-transform motion-safe:data-[state=open]:animate-in motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=open]:fade-in-0 motion-safe:data-[state=closed]:fade-out-0 motion-safe:data-[state=open]:zoom-in-95 motion-safe:data-[state=closed]:zoom-out-95 motion-safe:data-[state=open]:animate-duration-150 motion-safe:data-[state=closed]:animate-duration-200"
     >
-      <BlockHandleAdd className="flex items-center box-border justify-center h-[1.5em] w-[1.5em] hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-pointer">
+      <BlockHandleAdd className="flex items-center box-border justify-center h-6 w-6 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-pointer">
         <div className="i-lucide-plus size-5 block" />
       </BlockHandleAdd>
-      <BlockHandleDraggable className="flex items-center box-border justify-center h-[1.5em] w-[1.2em] hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-grab">
+      <BlockHandleDraggable className="flex items-center box-border justify-center h-6 w-5 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-grab">
         <div className="i-lucide-grip-vertical size-5 block" />
       </BlockHandleDraggable>
     </BlockHandlePopover>
diff --git a/react-full/src/components/editor/ui/block-handle/block-handle.tsx b/react-full/src/components/editor/ui/block-handle/block-handle.tsx
index 1fcc6a31c..a0bf8e258 100644
--- a/react-full/src/components/editor/ui/block-handle/block-handle.tsx
+++ b/react-full/src/components/editor/ui/block-handle/block-handle.tsx
@@ -14,10 +14,10 @@ export default function BlockHandle(props: Props) {
       placement={props.dir === 'rtl' ? 'right' : 'left'}
       className="flex items-center flex-row box-border justify-center transition border-0 [&:not([data-state])]:hidden will-change-transform motion-safe:data-[state=open]:animate-in motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=open]:fade-in-0 motion-safe:data-[state=closed]:fade-out-0 motion-safe:data-[state=open]:zoom-in-95 motion-safe:data-[state=closed]:zoom-out-95 motion-safe:data-[state=open]:animate-duration-150 motion-safe:data-[state=closed]:animate-duration-200"
     >
-      <BlockHandleAdd className="flex items-center box-border justify-center h-[1.5em] w-[1.5em] hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-pointer">
+      <BlockHandleAdd className="flex items-center box-border justify-center h-6 w-6 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-pointer">
         <div className="i-lucide-plus size-5 block" />
       </BlockHandleAdd>
-      <BlockHandleDraggable className="flex items-center box-border justify-center h-[1.5em] w-[1.2em] hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-grab">
+      <BlockHandleDraggable className="flex items-center box-border justify-center h-6 w-5 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-grab">
         <div className="i-lucide-grip-vertical size-5 block" />
       </BlockHandleDraggable>
     </BlockHandlePopover>
diff --git a/react-rtl/src/components/editor/ui/block-handle/block-handle.tsx b/react-rtl/src/components/editor/ui/block-handle/block-handle.tsx
index 1fcc6a31c..a0bf8e258 100644
--- a/react-rtl/src/components/editor/ui/block-handle/block-handle.tsx
+++ b/react-rtl/src/components/editor/ui/block-handle/block-handle.tsx
@@ -14,10 +14,10 @@ export default function BlockHandle(props: Props) {
       placement={props.dir === 'rtl' ? 'right' : 'left'}
       className="flex items-center flex-row box-border justify-center transition border-0 [&:not([data-state])]:hidden will-change-transform motion-safe:data-[state=open]:animate-in motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=open]:fade-in-0 motion-safe:data-[state=closed]:fade-out-0 motion-safe:data-[state=open]:zoom-in-95 motion-safe:data-[state=closed]:zoom-out-95 motion-safe:data-[state=open]:animate-duration-150 motion-safe:data-[state=closed]:animate-duration-200"
     >
-      <BlockHandleAdd className="flex items-center box-border justify-center h-[1.5em] w-[1.5em] hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-pointer">
+      <BlockHandleAdd className="flex items-center box-border justify-center h-6 w-6 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-pointer">
         <div className="i-lucide-plus size-5 block" />
       </BlockHandleAdd>
-      <BlockHandleDraggable className="flex items-center box-border justify-center h-[1.5em] w-[1.2em] hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-grab">
+      <BlockHandleDraggable className="flex items-center box-border justify-center h-6 w-5 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-grab">
         <div className="i-lucide-grip-vertical size-5 block" />
       </BlockHandleDraggable>
     </BlockHandlePopover>
diff --git a/react-typography/src/components/editor/ui/block-handle/block-handle.tsx b/react-typography/src/components/editor/ui/block-handle/block-handle.tsx
index 1fcc6a31c..a0bf8e258 100644
--- a/react-typography/src/components/editor/ui/block-handle/block-handle.tsx
+++ b/react-typography/src/components/editor/ui/block-handle/block-handle.tsx
@@ -14,10 +14,10 @@ export default function BlockHandle(props: Props) {
       placement={props.dir === 'rtl' ? 'right' : 'left'}
       className="flex items-center flex-row box-border justify-center transition border-0 [&:not([data-state])]:hidden will-change-transform motion-safe:data-[state=open]:animate-in motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=open]:fade-in-0 motion-safe:data-[state=closed]:fade-out-0 motion-safe:data-[state=open]:zoom-in-95 motion-safe:data-[state=closed]:zoom-out-95 motion-safe:data-[state=open]:animate-duration-150 motion-safe:data-[state=closed]:animate-duration-200"
     >
-      <BlockHandleAdd className="flex items-center box-border justify-center h-[1.5em] w-[1.5em] hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-pointer">
+      <BlockHandleAdd className="flex items-center box-border justify-center h-6 w-6 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-pointer">
         <div className="i-lucide-plus size-5 block" />
       </BlockHandleAdd>
-      <BlockHandleDraggable className="flex items-center box-border justify-center h-[1.5em] w-[1.2em] hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-grab">
+      <BlockHandleDraggable className="flex items-center box-border justify-center h-6 w-5 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-grab">
         <div className="i-lucide-grip-vertical size-5 block" />
       </BlockHandleDraggable>
     </BlockHandlePopover>
diff --git a/solid-block-handle/src/components/editor/ui/block-handle/block-handle.tsx b/solid-block-handle/src/components/editor/ui/block-handle/block-handle.tsx
index 0d3958b61..e290f7b69 100644
--- a/solid-block-handle/src/components/editor/ui/block-handle/block-handle.tsx
+++ b/solid-block-handle/src/components/editor/ui/block-handle/block-handle.tsx
@@ -15,10 +15,10 @@ export default function BlockHandle(props: Props): JSX.Element {
       placement={props.dir === 'rtl' ? 'right' : 'left'}
       class="flex items-center flex-row box-border justify-center transition border-0 [&:not([data-state])]:hidden will-change-transform motion-safe:data-[state=open]:animate-in motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=open]:fade-in-0 motion-safe:data-[state=closed]:fade-out-0 motion-safe:data-[state=open]:zoom-in-95 motion-safe:data-[state=closed]:zoom-out-95 motion-safe:data-[state=open]:animate-duration-150 motion-safe:data-[state=closed]:animate-duration-200"
     >
-      <BlockHandleAdd class="flex items-center box-border justify-center h-[1.5em] w-[1.5em] hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-pointer">
+      <BlockHandleAdd class="flex items-center box-border justify-center h-6 w-6 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-pointer">
         <div class="i-lucide-plus size-5 block" />
       </BlockHandleAdd>
-      <BlockHandleDraggable class="flex items-center box-border justify-center h-[1.5em] w-[1.2em] hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-grab">
+      <BlockHandleDraggable class="flex items-center box-border justify-center h-6 w-5 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-grab">
         <div class="i-lucide-grip-vertical size-5 block" />
       </BlockHandleDraggable>
     </BlockHandlePopover>
diff --git a/solid-full/src/components/editor/ui/block-handle/block-handle.tsx b/solid-full/src/components/editor/ui/block-handle/block-handle.tsx
index 0d3958b61..e290f7b69 100644
--- a/solid-full/src/components/editor/ui/block-handle/block-handle.tsx
+++ b/solid-full/src/components/editor/ui/block-handle/block-handle.tsx
@@ -15,10 +15,10 @@ export default function BlockHandle(props: Props): JSX.Element {
       placement={props.dir === 'rtl' ? 'right' : 'left'}
       class="flex items-center flex-row box-border justify-center transition border-0 [&:not([data-state])]:hidden will-change-transform motion-safe:data-[state=open]:animate-in motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=open]:fade-in-0 motion-safe:data-[state=closed]:fade-out-0 motion-safe:data-[state=open]:zoom-in-95 motion-safe:data-[state=closed]:zoom-out-95 motion-safe:data-[state=open]:animate-duration-150 motion-safe:data-[state=closed]:animate-duration-200"
     >
-      <BlockHandleAdd class="flex items-center box-border justify-center h-[1.5em] w-[1.5em] hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-pointer">
+      <BlockHandleAdd class="flex items-center box-border justify-center h-6 w-6 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-pointer">
         <div class="i-lucide-plus size-5 block" />
       </BlockHandleAdd>
-      <BlockHandleDraggable class="flex items-center box-border justify-center h-[1.5em] w-[1.2em] hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-grab">
+      <BlockHandleDraggable class="flex items-center box-border justify-center h-6 w-5 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-grab">
         <div class="i-lucide-grip-vertical size-5 block" />
       </BlockHandleDraggable>
     </BlockHandlePopover>
diff --git a/solid-rtl/src/components/editor/ui/block-handle/block-handle.tsx b/solid-rtl/src/components/editor/ui/block-handle/block-handle.tsx
index 0d3958b61..e290f7b69 100644
--- a/solid-rtl/src/components/editor/ui/block-handle/block-handle.tsx
+++ b/solid-rtl/src/components/editor/ui/block-handle/block-handle.tsx
@@ -15,10 +15,10 @@ export default function BlockHandle(props: Props): JSX.Element {
       placement={props.dir === 'rtl' ? 'right' : 'left'}
       class="flex items-center flex-row box-border justify-center transition border-0 [&:not([data-state])]:hidden will-change-transform motion-safe:data-[state=open]:animate-in motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=open]:fade-in-0 motion-safe:data-[state=closed]:fade-out-0 motion-safe:data-[state=open]:zoom-in-95 motion-safe:data-[state=closed]:zoom-out-95 motion-safe:data-[state=open]:animate-duration-150 motion-safe:data-[state=closed]:animate-duration-200"
     >
-      <BlockHandleAdd class="flex items-center box-border justify-center h-[1.5em] w-[1.5em] hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-pointer">
+      <BlockHandleAdd class="flex items-center box-border justify-center h-6 w-6 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-pointer">
         <div class="i-lucide-plus size-5 block" />
       </BlockHandleAdd>
-      <BlockHandleDraggable class="flex items-center box-border justify-center h-[1.5em] w-[1.2em] hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-grab">
+      <BlockHandleDraggable class="flex items-center box-border justify-center h-6 w-5 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-grab">
         <div class="i-lucide-grip-vertical size-5 block" />
       </BlockHandleDraggable>
     </BlockHandlePopover>
diff --git a/solid-typography/src/components/editor/ui/block-handle/block-handle.tsx b/solid-typography/src/components/editor/ui/block-handle/block-handle.tsx
index 0d3958b61..e290f7b69 100644
--- a/solid-typography/src/components/editor/ui/block-handle/block-handle.tsx
+++ b/solid-typography/src/components/editor/ui/block-handle/block-handle.tsx
@@ -15,10 +15,10 @@ export default function BlockHandle(props: Props): JSX.Element {
       placement={props.dir === 'rtl' ? 'right' : 'left'}
       class="flex items-center flex-row box-border justify-center transition border-0 [&:not([data-state])]:hidden will-change-transform motion-safe:data-[state=open]:animate-in motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=open]:fade-in-0 motion-safe:data-[state=closed]:fade-out-0 motion-safe:data-[state=open]:zoom-in-95 motion-safe:data-[state=closed]:zoom-out-95 motion-safe:data-[state=open]:animate-duration-150 motion-safe:data-[state=closed]:animate-duration-200"
     >
-      <BlockHandleAdd class="flex items-center box-border justify-center h-[1.5em] w-[1.5em] hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-pointer">
+      <BlockHandleAdd class="flex items-center box-border justify-center h-6 w-6 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-pointer">
         <div class="i-lucide-plus size-5 block" />
       </BlockHandleAdd>
-      <BlockHandleDraggable class="flex items-center box-border justify-center h-[1.5em] w-[1.2em] hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-grab">
+      <BlockHandleDraggable class="flex items-center box-border justify-center h-6 w-5 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-grab">
         <div class="i-lucide-grip-vertical size-5 block" />
       </BlockHandleDraggable>
     </BlockHandlePopover>
diff --git a/svelte-block-handle/src/components/editor/ui/block-handle/block-handle.svelte b/svelte-block-handle/src/components/editor/ui/block-handle/block-handle.svelte
index cedb4f78f..a31ce96a1 100644
--- a/svelte-block-handle/src/components/editor/ui/block-handle/block-handle.svelte
+++ b/svelte-block-handle/src/components/editor/ui/block-handle/block-handle.svelte
@@ -12,10 +12,10 @@ const props: Props = $props()
   placement={props.dir === 'rtl' ? 'right' : 'left'}
   class="flex items-center flex-row box-border justify-center transition border-0 [&:not([data-state])]:hidden will-change-transform motion-safe:data-[state=open]:animate-in motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=open]:fade-in-0 motion-safe:data-[state=closed]:fade-out-0 motion-safe:data-[state=open]:zoom-in-95 motion-safe:data-[state=closed]:zoom-out-95 motion-safe:data-[state=open]:animate-duration-150 motion-safe:data-[state=closed]:animate-duration-200"
 >
-  <BlockHandleAdd class="flex items-center box-border justify-center h-[1.5em] w-[1.5em] hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-pointer">
+  <BlockHandleAdd class="flex items-center box-border justify-center h-6 w-6 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-pointer">
     <div class="i-lucide-plus size-5 block"></div>
   </BlockHandleAdd>
-  <BlockHandleDraggable class="flex items-center box-border justify-center h-[1.5em] w-[1.2em] hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-grab">
+  <BlockHandleDraggable class="flex items-center box-border justify-center h-6 w-5 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-grab">
     <div class="i-lucide-grip-vertical size-5 block"></div>
   </BlockHandleDraggable>
 </BlockHandlePopover>
diff --git a/svelte-full/src/components/editor/ui/block-handle/block-handle.svelte b/svelte-full/src/components/editor/ui/block-handle/block-handle.svelte
index cedb4f78f..a31ce96a1 100644
--- a/svelte-full/src/components/editor/ui/block-handle/block-handle.svelte
+++ b/svelte-full/src/components/editor/ui/block-handle/block-handle.svelte
@@ -12,10 +12,10 @@ const props: Props = $props()
   placement={props.dir === 'rtl' ? 'right' : 'left'}
   class="flex items-center flex-row box-border justify-center transition border-0 [&:not([data-state])]:hidden will-change-transform motion-safe:data-[state=open]:animate-in motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=open]:fade-in-0 motion-safe:data-[state=closed]:fade-out-0 motion-safe:data-[state=open]:zoom-in-95 motion-safe:data-[state=closed]:zoom-out-95 motion-safe:data-[state=open]:animate-duration-150 motion-safe:data-[state=closed]:animate-duration-200"
 >
-  <BlockHandleAdd class="flex items-center box-border justify-center h-[1.5em] w-[1.5em] hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-pointer">
+  <BlockHandleAdd class="flex items-center box-border justify-center h-6 w-6 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-pointer">
     <div class="i-lucide-plus size-5 block"></div>
   </BlockHandleAdd>
-  <BlockHandleDraggable class="flex items-center box-border justify-center h-[1.5em] w-[1.2em] hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-grab">
+  <BlockHandleDraggable class="flex items-center box-border justify-center h-6 w-5 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-grab">
     <div class="i-lucide-grip-vertical size-5 block"></div>
   </BlockHandleDraggable>
 </BlockHandlePopover>
diff --git a/svelte-rtl/src/components/editor/ui/block-handle/block-handle.svelte b/svelte-rtl/src/components/editor/ui/block-handle/block-handle.svelte
index cedb4f78f..a31ce96a1 100644
--- a/svelte-rtl/src/components/editor/ui/block-handle/block-handle.svelte
+++ b/svelte-rtl/src/components/editor/ui/block-handle/block-handle.svelte
@@ -12,10 +12,10 @@ const props: Props = $props()
   placement={props.dir === 'rtl' ? 'right' : 'left'}
   class="flex items-center flex-row box-border justify-center transition border-0 [&:not([data-state])]:hidden will-change-transform motion-safe:data-[state=open]:animate-in motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=open]:fade-in-0 motion-safe:data-[state=closed]:fade-out-0 motion-safe:data-[state=open]:zoom-in-95 motion-safe:data-[state=closed]:zoom-out-95 motion-safe:data-[state=open]:animate-duration-150 motion-safe:data-[state=closed]:animate-duration-200"
 >
-  <BlockHandleAdd class="flex items-center box-border justify-center h-[1.5em] w-[1.5em] hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-pointer">
+  <BlockHandleAdd class="flex items-center box-border justify-center h-6 w-6 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-pointer">
     <div class="i-lucide-plus size-5 block"></div>
   </BlockHandleAdd>
-  <BlockHandleDraggable class="flex items-center box-border justify-center h-[1.5em] w-[1.2em] hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-grab">
+  <BlockHandleDraggable class="flex items-center box-border justify-center h-6 w-5 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-grab">
     <div class="i-lucide-grip-vertical size-5 block"></div>
   </BlockHandleDraggable>
 </BlockHandlePopover>
diff --git a/svelte-typography/src/components/editor/ui/block-handle/block-handle.svelte b/svelte-typography/src/components/editor/ui/block-handle/block-handle.svelte
index cedb4f78f..a31ce96a1 100644
--- a/svelte-typography/src/components/editor/ui/block-handle/block-handle.svelte
+++ b/svelte-typography/src/components/editor/ui/block-handle/block-handle.svelte
@@ -12,10 +12,10 @@ const props: Props = $props()
   placement={props.dir === 'rtl' ? 'right' : 'left'}
   class="flex items-center flex-row box-border justify-center transition border-0 [&:not([data-state])]:hidden will-change-transform motion-safe:data-[state=open]:animate-in motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=open]:fade-in-0 motion-safe:data-[state=closed]:fade-out-0 motion-safe:data-[state=open]:zoom-in-95 motion-safe:data-[state=closed]:zoom-out-95 motion-safe:data-[state=open]:animate-duration-150 motion-safe:data-[state=closed]:animate-duration-200"
 >
-  <BlockHandleAdd class="flex items-center box-border justify-center h-[1.5em] w-[1.5em] hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-pointer">
+  <BlockHandleAdd class="flex items-center box-border justify-center h-6 w-6 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-pointer">
     <div class="i-lucide-plus size-5 block"></div>
   </BlockHandleAdd>
-  <BlockHandleDraggable class="flex items-center box-border justify-center h-[1.5em] w-[1.2em] hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-grab">
+  <BlockHandleDraggable class="flex items-center box-border justify-center h-6 w-5 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-grab">
     <div class="i-lucide-grip-vertical size-5 block"></div>
   </BlockHandleDraggable>
 </BlockHandlePopover>
diff --git a/sveltekit-full/src/components/editor/ui/block-handle/block-handle.svelte b/sveltekit-full/src/components/editor/ui/block-handle/block-handle.svelte
index cedb4f78f..a31ce96a1 100644
--- a/sveltekit-full/src/components/editor/ui/block-handle/block-handle.svelte
+++ b/sveltekit-full/src/components/editor/ui/block-handle/block-handle.svelte
@@ -12,10 +12,10 @@ const props: Props = $props()
   placement={props.dir === 'rtl' ? 'right' : 'left'}
   class="flex items-center flex-row box-border justify-center transition border-0 [&:not([data-state])]:hidden will-change-transform motion-safe:data-[state=open]:animate-in motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=open]:fade-in-0 motion-safe:data-[state=closed]:fade-out-0 motion-safe:data-[state=open]:zoom-in-95 motion-safe:data-[state=closed]:zoom-out-95 motion-safe:data-[state=open]:animate-duration-150 motion-safe:data-[state=closed]:animate-duration-200"
 >
-  <BlockHandleAdd class="flex items-center box-border justify-center h-[1.5em] w-[1.5em] hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-pointer">
+  <BlockHandleAdd class="flex items-center box-border justify-center h-6 w-6 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-pointer">
     <div class="i-lucide-plus size-5 block"></div>
   </BlockHandleAdd>
-  <BlockHandleDraggable class="flex items-center box-border justify-center h-[1.5em] w-[1.2em] hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-grab">
+  <BlockHandleDraggable class="flex items-center box-border justify-center h-6 w-5 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-grab">
     <div class="i-lucide-grip-vertical size-5 block"></div>
   </BlockHandleDraggable>
 </BlockHandlePopover>
diff --git a/vue-block-handle/src/components/editor/ui/block-handle/block-handle.vue b/vue-block-handle/src/components/editor/ui/block-handle/block-handle.vue
index 6a957ae75..ff04690bf 100644
--- a/vue-block-handle/src/components/editor/ui/block-handle/block-handle.vue
+++ b/vue-block-handle/src/components/editor/ui/block-handle/block-handle.vue
@@ -18,12 +18,12 @@ const props = defineProps<Props>()
     class="flex items-center flex-row box-border justify-center transition border-0 [&:not([data-state])]:hidden will-change-transform motion-safe:data-[state=open]:animate-in motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=open]:fade-in-0 motion-safe:data-[state=closed]:fade-out-0 motion-safe:data-[state=open]:zoom-in-95 motion-safe:data-[state=closed]:zoom-out-95 motion-safe:data-[state=open]:animate-duration-150 motion-safe:data-[state=closed]:animate-duration-200"
   >
     <BlockHandleAdd
-      class="flex items-center box-border justify-center h-[1.5em] w-[1.5em] hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-pointer"
+      class="flex items-center box-border justify-center h-6 w-6 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-pointer"
     >
       <div class="i-lucide-plus size-5 block" />
     </BlockHandleAdd>
     <BlockHandleDraggable
-      class="flex items-center box-border justify-center h-[1.5em] w-[1.2em] hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-grab"
+      class="flex items-center box-border justify-center h-6 w-5 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-grab"
     >
       <div class="i-lucide-grip-vertical size-5 block" />
     </BlockHandleDraggable>
diff --git a/vue-full/src/components/editor/ui/block-handle/block-handle.vue b/vue-full/src/components/editor/ui/block-handle/block-handle.vue
index 6a957ae75..ff04690bf 100644
--- a/vue-full/src/components/editor/ui/block-handle/block-handle.vue
+++ b/vue-full/src/components/editor/ui/block-handle/block-handle.vue
@@ -18,12 +18,12 @@ const props = defineProps<Props>()
     class="flex items-center flex-row box-border justify-center transition border-0 [&:not([data-state])]:hidden will-change-transform motion-safe:data-[state=open]:animate-in motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=open]:fade-in-0 motion-safe:data-[state=closed]:fade-out-0 motion-safe:data-[state=open]:zoom-in-95 motion-safe:data-[state=closed]:zoom-out-95 motion-safe:data-[state=open]:animate-duration-150 motion-safe:data-[state=closed]:animate-duration-200"
   >
     <BlockHandleAdd
-      class="flex items-center box-border justify-center h-[1.5em] w-[1.5em] hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-pointer"
+      class="flex items-center box-border justify-center h-6 w-6 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-pointer"
     >
       <div class="i-lucide-plus size-5 block" />
     </BlockHandleAdd>
     <BlockHandleDraggable
-      class="flex items-center box-border justify-center h-[1.5em] w-[1.2em] hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-grab"
+      class="flex items-center box-border justify-center h-6 w-5 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-grab"
     >
       <div class="i-lucide-grip-vertical size-5 block" />
     </BlockHandleDraggable>
diff --git a/vue-rtl/src/components/editor/ui/block-handle/block-handle.vue b/vue-rtl/src/components/editor/ui/block-handle/block-handle.vue
index 6a957ae75..ff04690bf 100644
--- a/vue-rtl/src/components/editor/ui/block-handle/block-handle.vue
+++ b/vue-rtl/src/components/editor/ui/block-handle/block-handle.vue
@@ -18,12 +18,12 @@ const props = defineProps<Props>()
     class="flex items-center flex-row box-border justify-center transition border-0 [&:not([data-state])]:hidden will-change-transform motion-safe:data-[state=open]:animate-in motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=open]:fade-in-0 motion-safe:data-[state=closed]:fade-out-0 motion-safe:data-[state=open]:zoom-in-95 motion-safe:data-[state=closed]:zoom-out-95 motion-safe:data-[state=open]:animate-duration-150 motion-safe:data-[state=closed]:animate-duration-200"
   >
     <BlockHandleAdd
-      class="flex items-center box-border justify-center h-[1.5em] w-[1.5em] hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-pointer"
+      class="flex items-center box-border justify-center h-6 w-6 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-pointer"
     >
       <div class="i-lucide-plus size-5 block" />
     </BlockHandleAdd>
     <BlockHandleDraggable
-      class="flex items-center box-border justify-center h-[1.5em] w-[1.2em] hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-grab"
+      class="flex items-center box-border justify-center h-6 w-5 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-grab"
     >
       <div class="i-lucide-grip-vertical size-5 block" />
     </BlockHandleDraggable>
diff --git a/vue-typography/src/components/editor/ui/block-handle/block-handle.vue b/vue-typography/src/components/editor/ui/block-handle/block-handle.vue
index 6a957ae75..ff04690bf 100644
--- a/vue-typography/src/components/editor/ui/block-handle/block-handle.vue
+++ b/vue-typography/src/components/editor/ui/block-handle/block-handle.vue
@@ -18,12 +18,12 @@ const props = defineProps<Props>()
     class="flex items-center flex-row box-border justify-center transition border-0 [&:not([data-state])]:hidden will-change-transform motion-safe:data-[state=open]:animate-in motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=open]:fade-in-0 motion-safe:data-[state=closed]:fade-out-0 motion-safe:data-[state=open]:zoom-in-95 motion-safe:data-[state=closed]:zoom-out-95 motion-safe:data-[state=open]:animate-duration-150 motion-safe:data-[state=closed]:animate-duration-200"
   >
     <BlockHandleAdd
-      class="flex items-center box-border justify-center h-[1.5em] w-[1.5em] hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-pointer"
+      class="flex items-center box-border justify-center h-6 w-6 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-pointer"
     >
       <div class="i-lucide-plus size-5 block" />
     </BlockHandleAdd>
     <BlockHandleDraggable
-      class="flex items-center box-border justify-center h-[1.5em] w-[1.2em] hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-grab"
+      class="flex items-center box-border justify-center h-6 w-5 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-500/50 cursor-grab"
     >
       <div class="i-lucide-grip-vertical size-5 block" />
     </BlockHandleDraggable>