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