From 535e5e68e5b4c2a9ea6324eacbdec1d4f6d79ffd Mon Sep 17 00:00:00 2001
From: Robbie <robbie.coomber@gmail.com>
Date: Wed, 14 Feb 2024 16:39:03 +0000
Subject: [PATCH] fix(web-analytics): Fix notice on small devices (#20338)

* Fix notice on small devices

* Update UI snapshots for `webkit` (2)

* Update UI snapshots for `webkit` (2)

---------

Co-authored-by: github-actions <41898282+github-actions[bot]@users.noreply.github.com>
---
 frontend/src/scenes/web-analytics/WebAnalyticsNotice.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/scenes/web-analytics/WebAnalyticsNotice.tsx b/frontend/src/scenes/web-analytics/WebAnalyticsNotice.tsx
index af2fb58303e3b..ba777d979da5d 100644
--- a/frontend/src/scenes/web-analytics/WebAnalyticsNotice.tsx
+++ b/frontend/src/scenes/web-analytics/WebAnalyticsNotice.tsx
@@ -14,9 +14,9 @@ export const WebAnalyticsNotice = (): JSX.Element => {
     return (
         <LemonBanner type="info" className="my-4">
             <div className="flex items-center flex-wrap gap-2 justify-between">
-                <span className="flex-1">
+                <div className="flex-1 min-w-full sm:min-w-0">
                     PostHog Web Analytics is in opt-in Beta. Thanks for taking part! We'd love to hear what you think.
-                </span>
+                </div>
                 {showSupportOptions ? (
                     <span className="flex items-center gap-2">
                         <LemonButton