From 773fab858fd6b550dc4d4f3d577832550c526a97 Mon Sep 17 00:00:00 2001
From: Peer Richelsen <peeroke@gmail.com>
Date: Sun, 15 Feb 2026 15:24:21 +0100
Subject: [PATCH] fix: hide bookings opt-in banner on mobile viewport (#27965)

Co-authored-by: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
---
 .../modules/feature-opt-in/components/FeatureOptInBanner.tsx    | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/web/modules/feature-opt-in/components/FeatureOptInBanner.tsx b/apps/web/modules/feature-opt-in/components/FeatureOptInBanner.tsx
index 32ebfc5e48..628bb8f83f 100644
--- a/apps/web/modules/feature-opt-in/components/FeatureOptInBanner.tsx
+++ b/apps/web/modules/feature-opt-in/components/FeatureOptInBanner.tsx
@@ -22,7 +22,7 @@ export function FeatureOptInBanner({
   return (
     <div
       data-testid="feature-opt-in-banner"
-      className="bg-default border-subtle fixed bottom-5 right-5 z-50 max-w-xs rounded-lg border shadow-lg group">
+      className="group fixed right-5 bottom-5 z-50 hidden max-w-xs rounded-lg border border-subtle bg-default shadow-lg md:block">
       <div className="p-4">
         <h3 data-testid="feature-opt-in-banner-title" className="text-emphasis text-lg font-semibold">
           {t(featureConfig.i18n.title)}