diff --git a/apps/v4/app/(app)/(root)/cards/index.tsx b/apps/v4/app/(app)/(root)/cards/index.tsx
index 3a97c04ecf..063f736a09 100644
--- a/apps/v4/app/(app)/(root)/cards/index.tsx
+++ b/apps/v4/app/(app)/(root)/cards/index.tsx
@@ -79,7 +79,7 @@ export function CardsDemo() {
   return (
     <div
       data-slot="demo"
-      className="theme-neutral relative flex w-full max-w-none flex-col gap-(--gap) overflow-hidden bg-muted p-12 pb-0! [--gap:--spacing(8)] 3xl:[--gap:--spacing(8)] min-[1900px]:[--gap:--spacing(10)]! lg:p-8 lg:[--gap:--spacing(6)] xl:p-12 dark:bg-background"
+      className="theme-neutral relative flex w-full max-w-none flex-col gap-(--gap) overflow-hidden bg-muted p-12 pb-0! [--gap:--spacing(8)] 3xl:[--gap:--spacing(8)] min-[1900px]:p-12 min-[1900px]:[--gap:--spacing(10)]! lg:p-6 lg:[--gap:--spacing(6)] dark:bg-background"
     >
       <CardsSkeletonRails />
       <div className="relative z-10 mx-auto grid gap-(--gap) **:data-[slot=card]:w-full min-[1400px]:grid-cols-4! min-[1900px]:grid-cols-5! md:max-w-3xl md:grid-cols-2 lg:max-w-none lg:grid-cols-3 xl:max-w-[1600px] 2xl:max-w-[1900px]">
diff --git a/apps/v4/app/(app)/(root)/cards/sidebar-nav.tsx b/apps/v4/app/(app)/(root)/cards/sidebar-nav.tsx
index f5377b4c36..14cfd54f2f 100644
--- a/apps/v4/app/(app)/(root)/cards/sidebar-nav.tsx
+++ b/apps/v4/app/(app)/(root)/cards/sidebar-nav.tsx
@@ -144,7 +144,7 @@ export function SidebarNav() {
 
       <SidebarSection
         label="Support"
-        className="hidden xl:col-start-2 xl:row-start-1 xl:flex"
+        className="flex xl:col-start-2 xl:row-start-1"
       >
         <SidebarMenuItem>
           <SidebarMenuButton>
@@ -180,7 +180,7 @@ export function SidebarNav() {
 
       <SidebarSection
         label="Account"
-        className="hidden xl:col-start-2 xl:row-start-2 xl:flex"
+        className="flex xl:col-start-2 xl:row-start-2"
       >
         <SidebarMenuItem>
           <SidebarMenuButton>