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 (