From 88c4cf03b379ec54ca55e1514147f3c3a9edfa95 Mon Sep 17 00:00:00 2001
From: Victor Jack <67293106+thedon-dev@users.noreply.github.com>
Date: Fri, 31 Jul 2026 00:11:25 +0100
Subject: [PATCH] Fixed the embeded code responsiveness (#799)

Co-authored-by: Rotimi Best <best@classroomio.com>
---
 .../lib/features/settings/pages/landingpage-editor.svelte   | 4 ++--
 .../settings/pages/landingpage-editor/embed-section.svelte  | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/apps/dashboard/src/lib/features/settings/pages/landingpage-editor.svelte b/apps/dashboard/src/lib/features/settings/pages/landingpage-editor.svelte
index bb86e902..914cb88d 100644
--- a/apps/dashboard/src/lib/features/settings/pages/landingpage-editor.svelte
+++ b/apps/dashboard/src/lib/features/settings/pages/landingpage-editor.svelte
@@ -150,7 +150,7 @@
   {/if}
 </Sidebar.Header>
 
-<Sidebar.Content class="flex-1 overflow-y-auto">
+<Sidebar.Content class="min-w-0 flex-1 overflow-x-hidden overflow-y-auto">
   {#if !$landingPageEditorSelection}
     <Sidebar.Group>
       <Sidebar.GroupLabel class="px-2">
@@ -176,7 +176,7 @@
     </Sidebar.Group>
   {:else if selectedSectionDefinition}
     {@const SectionComponent = selectedSectionDefinition.component}
-    <div class="p-4">
+    <div class="min-w-0 overflow-x-hidden p-4">
       <SectionComponent bind:settings {markDirty} />
     </div>
   {/if}
diff --git a/apps/dashboard/src/lib/features/settings/pages/landingpage-editor/embed-section.svelte b/apps/dashboard/src/lib/features/settings/pages/landingpage-editor/embed-section.svelte
index 9c2506e9..1d93fbc0 100644
--- a/apps/dashboard/src/lib/features/settings/pages/landingpage-editor/embed-section.svelte
+++ b/apps/dashboard/src/lib/features/settings/pages/landingpage-editor/embed-section.svelte
@@ -77,7 +77,7 @@
   }
 </script>
 
-<Field.Group class="space-y-6">
+<Field.Group class="min-w-0 space-y-6 overflow-x-hidden">
   <Field.Set>
     <Field.Legend>{$t('settings.landing_page.editor.sections.embed')}</Field.Legend>
 
@@ -112,7 +112,7 @@
             />
           </div>
           <Textarea
-            class="ui:[field-sizing:fixed] ui:min-w-0 ui:w-full ui:max-w-full ui:box-border ui:resize-y"
+            class="ui:[field-sizing:fixed] ui:min-w-0 ui:w-full ui:max-w-full ui:box-border ui:resize-y ui:break-all ui:overflow-x-auto"
             value={settings.embed.description ?? ''}
             placeholder={$t('settings.landing_page.editor.embed.description_placeholder')}
             oninput={(event) => setter(event.currentTarget.value, 'embed.description')}
@@ -123,7 +123,7 @@
           <Field.Label>{$t('settings.landing_page.editor.embed.code')}</Field.Label>
           <Field.Description>{$t('settings.landing_page.editor.embed.code_description')}</Field.Description>
           <Textarea
-            class="ui:[field-sizing:fixed] ui:min-w-0 ui:w-full ui:max-w-full ui:box-border ui:resize-y"
+            class="ui:[field-sizing:fixed] ui:min-w-0 ui:w-full ui:max-w-full ui:box-border ui:resize-y ui:break-all ui:overflow-x-auto"
             value={settings.embed.code}
             placeholder={$t('settings.landing_page.editor.embed.code_placeholder')}
             oninput={(event) => setter(event.currentTarget.value, 'embed.code')}