From 6fa18bb8c3ce8f3b095c8b4f7fbeaad41e04e663 Mon Sep 17 00:00:00 2001
From: Dmitri <dtroshchenkov@gmail.com>
Date: Tue, 21 Apr 2026 07:53:05 +0400
Subject: [PATCH] fixed buttons height issue

---
 .../src/components/UiElements/elements/DescriptionElement.tsx   | 2 ++
 frontend/src/components/UiElements/elements/LogoElement.tsx     | 2 ++
 .../src/components/UiElements/elements/NavigationElement.tsx    | 2 ++
 frontend/src/components/UiElements/elements/SpotElement.tsx     | 2 ++
 frontend/src/components/UiElements/elements/TooltipElement.tsx  | 2 ++
 5 files changed, 10 insertions(+)

diff --git a/frontend/src/components/UiElements/elements/DescriptionElement.tsx b/frontend/src/components/UiElements/elements/DescriptionElement.tsx
index 8294e43..aef9828 100644
--- a/frontend/src/components/UiElements/elements/DescriptionElement.tsx
+++ b/frontend/src/components/UiElements/elements/DescriptionElement.tsx
@@ -48,6 +48,8 @@ const DescriptionElement: React.FC<DescriptionElementProps> = ({
       width: element.width ? '100%' : 'auto',
       height: element.height ? '100%' : 'auto',
       objectFit: 'contain',
+      // Override Tailwind preflight's max-width: 100% which causes shrinking near canvas edges
+      maxWidth: 'none',
     };
 
     return (
diff --git a/frontend/src/components/UiElements/elements/LogoElement.tsx b/frontend/src/components/UiElements/elements/LogoElement.tsx
index 42e99ca..acd85a1 100644
--- a/frontend/src/components/UiElements/elements/LogoElement.tsx
+++ b/frontend/src/components/UiElements/elements/LogoElement.tsx
@@ -31,6 +31,8 @@ const LogoElement: React.FC<LogoElementProps> = ({
       width: element.width ? '100%' : 'auto',
       height: element.height ? '100%' : 'auto',
       objectFit: 'contain',
+      // Override Tailwind preflight's max-width: 100% which causes shrinking near canvas edges
+      maxWidth: 'none',
     };
 
     return (
diff --git a/frontend/src/components/UiElements/elements/NavigationElement.tsx b/frontend/src/components/UiElements/elements/NavigationElement.tsx
index 15f271b..cab3c59 100644
--- a/frontend/src/components/UiElements/elements/NavigationElement.tsx
+++ b/frontend/src/components/UiElements/elements/NavigationElement.tsx
@@ -40,6 +40,8 @@ const NavigationElement: React.FC<NavigationElementProps> = ({
       width: element.width ? '100%' : 'auto',
       height: element.height ? '100%' : 'auto',
       objectFit: 'contain',
+      // Override Tailwind preflight's max-width: 100% which causes shrinking near canvas edges
+      maxWidth: 'none',
     };
 
     return (
diff --git a/frontend/src/components/UiElements/elements/SpotElement.tsx b/frontend/src/components/UiElements/elements/SpotElement.tsx
index 679bbb9..e3618e7 100644
--- a/frontend/src/components/UiElements/elements/SpotElement.tsx
+++ b/frontend/src/components/UiElements/elements/SpotElement.tsx
@@ -31,6 +31,8 @@ const SpotElement: React.FC<SpotElementProps> = ({
       width: element.width ? '100%' : 'auto',
       height: element.height ? '100%' : 'auto',
       objectFit: 'contain',
+      // Override Tailwind preflight's max-width: 100% which causes shrinking near canvas edges
+      maxWidth: 'none',
     };
 
     return (
diff --git a/frontend/src/components/UiElements/elements/TooltipElement.tsx b/frontend/src/components/UiElements/elements/TooltipElement.tsx
index 4377e7f..547414f 100644
--- a/frontend/src/components/UiElements/elements/TooltipElement.tsx
+++ b/frontend/src/components/UiElements/elements/TooltipElement.tsx
@@ -47,6 +47,8 @@ const TooltipElement: React.FC<TooltipElementProps> = ({
       width: element.width ? '100%' : 'auto',
       height: element.height ? '100%' : 'auto',
       objectFit: 'contain',
+      // Override Tailwind preflight's max-width: 100% which causes shrinking near canvas edges
+      maxWidth: 'none',
     };
 
     return (