From 72c21e1eddd082bd90e6d32c2056638f2e2a9713 Mon Sep 17 00:00:00 2001
From: Hatem Hosny <hatemhosny@gmail.com>
Date: Sat, 14 Feb 2026 10:49:06 +0200
Subject: [PATCH] fix theme transition position

---
 src/livecodes/core.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/livecodes/core.ts b/src/livecodes/core.ts
index 4b59d3299..89cf9a65c 100644
--- a/src/livecodes/core.ts
+++ b/src/livecodes/core.ts
@@ -2032,8 +2032,8 @@ const transitionTheme = (theme: Theme, editorTheme: Config['editorTheme']) => {
   const activeElement = document.activeElement;
   if (activeElement) {
     const position = activeElement.getBoundingClientRect();
-    root.style.setProperty('--active-element-x', position.x + 'px');
-    root.style.setProperty('--active-element-y', position.y + 'px');
+    root.style.setProperty('--active-element-x', position.x + position.width / 2 + 'px');
+    root.style.setProperty('--active-element-y', position.y + position.height / 2 + 'px');
     setTimeout(() => {
       root.style.removeProperty('--active-element-x');
       root.style.removeProperty('--active-element-y');