diff --git a/apps/web/src/components/domain/charts.tsx b/apps/web/src/components/domain/charts.tsx
index 74b3f61..2648b60 100644
--- a/apps/web/src/components/domain/charts.tsx
+++ b/apps/web/src/components/domain/charts.tsx
@@ -460,7 +460,7 @@ export function MonthlyTrendChart({
 }
 
 export function ChartsGrid({ children }: { children: ReactNode }) {
-  return <div className="grid w-full gap-4">{children}</div>
+  return <div className="grid w-full gap-4 lg:grid-cols-2">{children}</div>
 }
 
 export function ProjectExpenseChart({
diff --git a/apps/web/src/components/reui-kit/ops-dashboard.tsx b/apps/web/src/components/reui-kit/ops-dashboard.tsx
index d3dc37d..26e2362 100644
--- a/apps/web/src/components/reui-kit/ops-dashboard.tsx
+++ b/apps/web/src/components/reui-kit/ops-dashboard.tsx
@@ -32,7 +32,7 @@ function OpsDashboardSkeleton() {
         <Skeleton className="mt-2 h-4 w-80 max-w-full" />
       </header>
       <KpiStatGrid cards={[]} isLoading skeletonCount={4} />
-      <div className="grid w-full gap-2">
+      <div className="grid w-full gap-2 lg:grid-cols-2">
         <Skeleton className="h-64 w-full rounded-xl" />
         <Skeleton className="h-64 w-full rounded-xl" />
       </div>