From d3644125dbf9c1550c200a23d25fc6cbddf32794 Mon Sep 17 00:00:00 2001
From: Dmitri <dtroshchenkov@gmail.com>
Date: Fri, 20 Mar 2026 10:10:59 +0400
Subject: [PATCH] updated elements wrapper styles

---
 frontend/src/pages/constructor.tsx | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/frontend/src/pages/constructor.tsx b/frontend/src/pages/constructor.tsx
index 0aa1bfc..8da3f26 100644
--- a/frontend/src/pages/constructor.tsx
+++ b/frontend/src/pages/constructor.tsx
@@ -2846,13 +2846,20 @@ const ConstructorPage = ({ mode = 'constructor' }: ConstructorPageProps) => {
                 Boolean(element.iconUrl) &&
                 (element.type === 'navigation_next' ||
                   element.type === 'navigation_prev');
+              const hasTransparentBackground =
+                element.type === 'description' &&
+                !element.iconUrl &&
+                (!element.descriptionBackgroundColor ||
+                  element.descriptionBackgroundColor === 'transparent');
 
               return (
                 <button
                   key={element.id}
                   type='button'
                   data-constructor-element-id={element.id}
-                  className={`absolute border rounded text-xs font-semibold shadow text-left ${
+                  className={`absolute rounded text-xs font-semibold text-left ${
+                    hasTransparentBackground ? '' : 'border shadow'
+                  } ${
                     hasIconDrivenSize ? 'overflow-hidden p-0 leading-none' : 'px-3 py-2'
                   } ${
                     isNavigationIconElement ? 'flex items-center justify-center' : ''
@@ -2860,8 +2867,10 @@ const ConstructorPage = ({ mode = 'constructor' }: ConstructorPageProps) => {
                     isConstructorEditMode ? 'cursor-move' : 'cursor-pointer'
                   } ${
                     selectedElementId === element.id
-                      ? 'border-blue-500 bg-blue-50'
-                      : 'border-blue-200 bg-white/95'
+                      ? 'border-blue-500 bg-blue-50 border shadow'
+                      : hasTransparentBackground
+                        ? 'bg-transparent'
+                        : 'border-blue-200 bg-white/95'
                   }`}
                   style={{
                     ...buildCanvasElementStyle(element),