From 2913bfdb7ef8edb117f8e081748fd3e7b8bd6818 Mon Sep 17 00:00:00 2001
From: Ryo Matsukawa <76232929+ryo-manba@users.noreply.github.com>
Date: Tue, 11 Feb 2025 22:02:48 +0900
Subject: [PATCH] fix(docs): fix horizontal scrolling example in scroll-shadow
 (#4820)

---
 apps/docs/content/components/scroll-shadow/horizontal.raw.jsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/apps/docs/content/components/scroll-shadow/horizontal.raw.jsx b/apps/docs/content/components/scroll-shadow/horizontal.raw.jsx
index 58ed3e607..9fe00a70e 100644
--- a/apps/docs/content/components/scroll-shadow/horizontal.raw.jsx
+++ b/apps/docs/content/components/scroll-shadow/horizontal.raw.jsx
@@ -68,7 +68,9 @@ export const Content = () => (
 export default function App() {
   return (
     <ScrollShadow className="max-w-[400px] max-h-[300px]" orientation="horizontal">
-      <Content className="w-[800px]" />
+      <div className="w-[800px]">
+        <Content />
+      </div>
     </ScrollShadow>
   );
 }