From 42377b5041df4ea1b0a07d4f1429b46de4f86764 Mon Sep 17 00:00:00 2001
From: Ashin T V <146656061+ashintv@users.noreply.github.com>
Date: Sun, 21 Sep 2025 13:18:00 +0530
Subject: [PATCH] ui-fix ReputationMetrics (#249)

---
 .../src/app/(dashboard)/dashboard/reputation-metrics.tsx    | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/web/src/app/(dashboard)/dashboard/reputation-metrics.tsx b/apps/web/src/app/(dashboard)/dashboard/reputation-metrics.tsx
index a60d243..a29f045 100644
--- a/apps/web/src/app/(dashboard)/dashboard/reputation-metrics.tsx
+++ b/apps/web/src/app/(dashboard)/dashboard/reputation-metrics.tsx
@@ -90,8 +90,8 @@ export function ReputationMetrics({ days, domain }: ReputationMetricsProps) {
 
   return (
     <TooltipProvider>
-      <div className="flex gap-10 w-full">
-        <div className="w-1/2 border rounded-xl shadow p-4">
+      <div className="flex flex-col sm:flex-row gap-10 w-full">
+        <div className="w-full sm:w-1/2 border rounded-xl shadow p-4">
           <div className="flex justify-between">
             <div className=" flex items-center gap-2">
               <div className="text-muted-foreground font-mono">Bounce Rate</div>
@@ -240,7 +240,7 @@ export function ReputationMetrics({ days, domain }: ReputationMetricsProps) {
             </BarChart>
           </ResponsiveContainer>
         </div>
-        <div className="w-1/2 border rounded-xl shadow p-4">
+        <div className="w-full sm:w-1/2 border rounded-xl shadow p-4">
           <div className=" flex items-center gap-2">
             <div className=" text-muted-foreground font-mono">
               Complaint Rate