diff --git a/apps/v4/app/(app)/page.tsx b/apps/v4/app/(app)/page.tsx
index a8c87754b6..78c63e48ae 100644
--- a/apps/v4/app/(app)/page.tsx
+++ b/apps/v4/app/(app)/page.tsx
@@ -50,6 +50,9 @@ import { TooltipDemo } from "@/components/tooltip-demo"
 export default function SinkPage() {
   return (
     <div className="grid gap-4 p-4">
+      <ComponentWrapper name="chart" className="w-full">
+        <ChartDemo />
+      </ComponentWrapper>
       <ComponentWrapper name="accordion">
         <AccordionDemo />
       </ComponentWrapper>
@@ -83,9 +86,6 @@ export default function SinkPage() {
       <ComponentWrapper name="carousel" className="hidden md:flex">
         <CarouselDemo />
       </ComponentWrapper>
-      <ComponentWrapper name="chart" className="w-full">
-        <ChartDemo />
-      </ComponentWrapper>
       <ComponentWrapper name="checkbox">
         <CheckboxDemo />
       </ComponentWrapper>