From 64135163e446586a09e3f0e86c3fdc5e3432e7fd Mon Sep 17 00:00:00 2001
From: Eric <eashaw@sailsjs.com>
Date: Mon, 18 May 2026 11:48:02 -0500
Subject: [PATCH] Website: Fix overflowing text on orchestration page. (#45722)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Changes:
- Fixed text overflowing outside of the page's container on the
/orchestration page

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->

## Summary by CodeRabbit

* **Bug Fixes**
* Improved responsive design on mobile devices—testimonial videos, hero
text, and feature text now scale fluidly while maintaining appropriate
maximum widths on smaller screens.

<!-- review_stack_entry_start -->

[![Review Change
Stack](https://storage.googleapis.com/coderabbit_public_assets/review-stack-in-coderabbit-ui.svg)](https://app.coderabbit.ai/change-stack/fleetdm/fleet/pull/45722?utm_source=github_walkthrough&utm_medium=github&utm_campaign=change_stack)

<!-- review_stack_entry_end -->

<!-- end of auto-generated comment: release notes by coderabbit.ai -->
---
 website/assets/styles/pages/observability.less | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/website/assets/styles/pages/observability.less b/website/assets/styles/pages/observability.less
index 6f1beb9e33..33b76b0418 100644
--- a/website/assets/styles/pages/observability.less
+++ b/website/assets/styles/pages/observability.less
@@ -479,13 +479,16 @@
       max-width: 840px;
     }
     [purpose='testimonial-videos'] {
-      width: 410px;
+      max-width: 410px;
+      width: 100%;
     }
     [purpose='hero-text'] {
-      width: 410px;
+      max-width: 410px;
+      width: 100%;
     }
     [purpose='feature-text'] {
-      width: 410px;
+      max-width: 410px;
+      width: 100%;
     }
   }