diff --git a/src/examples/message-scroller-state.tsx b/src/examples/message-scroller-scrollable.tsx
similarity index 98%
rename from src/examples/message-scroller-state.tsx
rename to src/examples/message-scroller-scrollable.tsx
index f67c0b2..b6ebb64 100644
--- a/src/examples/message-scroller-state.tsx
+++ b/src/examples/message-scroller-scrollable.tsx
@@ -32,7 +32,7 @@ const messages = Array.from({ length: 12 }, (_, index) => ({
   text: string
 }>
 
-export function MessageScrollerState() {
+export function MessageScrollerScrollable() {
   return (
     <Card className="mx-auto h-112 w-full max-w-md gap-0">
       <CardHeader className="border-b">