diff --git a/src/components/dashboards/RadarComparisonChart.tsx b/src/components/dashboards/RadarComparisonChart.tsx
index ea9a07b..03945b3 100644
--- a/src/components/dashboards/RadarComparisonChart.tsx
+++ b/src/components/dashboards/RadarComparisonChart.tsx
@@ -15,7 +15,7 @@ const RadarComparisonChart = ({ data }: RadarProps) => {
   const { chartData, colors } = radarFormat({ data });
 
   return (
-    <div className="w-1/2 h-100 bg-card p-5 rounded-xl border items-center flex flex-col">
+    <div className="h-100 bg-card p-5 rounded-xl border items-center flex flex-col">
       <h3 className="text-lg font-semibold text-center">
         Perbandingan Aspek Produk
       </h3>
diff --git a/src/components/dashboards/ResultDetails.tsx b/src/components/dashboards/ResultDetails.tsx
index 9c954d8..914b694 100644
--- a/src/components/dashboards/ResultDetails.tsx
+++ b/src/components/dashboards/ResultDetails.tsx
@@ -20,7 +20,7 @@ export default function ResultDetails({ result }: ResultProps) {
   if (!result || !result.details || result.details.length === 0) return null;
 
   return (
-    <div className="space-y-6 w-1/2">
+    <div className="space-y-6">
       <div className="relative group border p-8 rounded-xl bg-card h-100 overflow-hidden">
         {activeProductIndex > 0 && (
           <button
diff --git a/src/components/dashboards/ResultSection.tsx b/src/components/dashboards/ResultSection.tsx
index 2233d33..9a24408 100644
--- a/src/components/dashboards/ResultSection.tsx
+++ b/src/components/dashboards/ResultSection.tsx
@@ -35,7 +35,7 @@ export default function Resultection({ result }: ResultProps) {
             </div>
           </div>
 
-          <div className="flex gap-4">
+          <div className="grid grid-cols-1 md:grid-cols-1 lg:grid-cols-2 gap-4">
             <RadarComparisonChart data={result.details} />
             <ResultDetails result={result} />
           </div>
diff --git a/src/services/scrape.service.ts b/src/services/scrape.service.ts
index e3c9d31..45097bc 100644
--- a/src/services/scrape.service.ts
+++ b/src/services/scrape.service.ts
@@ -31,6 +31,7 @@ export async function scrapeTokopediaProduct(
   let browser;
 
   try {
+    const isLocal = process.env.NODE_ENV === "development";
     browser = await puppeteer.launch({
       args: [
         ...chromium.args,
@@ -38,7 +39,9 @@ export async function scrapeTokopediaProduct(
         "--disable-setuid-sandbox",
         "--disable-blink-features=AutomationControlled",
       ],
-      executablePath: await chromium.executablePath(chromiumUrl),
+      executablePath: isLocal
+        ? "C:\\Program Files\\Google\\Chrome\\Application\\chrome.exe"
+        : await chromium.executablePath(chromiumUrl),
       headless: true,
       defaultViewport: { width: 1280, height: 800 },
     });