From 3bcf2a265823071a579df6f14a6075c128f121cf Mon Sep 17 00:00:00 2001
From: Amoghavarsha Kudaligi <kgamoghavarsha@gmail.com>
Date: Mon, 9 Oct 2023 19:10:32 +0530
Subject: [PATCH 1/9] Handle sitemap report case.

---
 .../src/components/siteMapReport/index.tsx    |  1 +
 .../siteReport/components/layout.tsx          | 11 +++++++--
 .../src/components/siteReport/index.tsx       |  4 +++-
 .../siteReport/tabs/cookies/index.tsx         | 24 ++++++++++++++++---
 .../src/components/utils/reportDownloader.ts  | 18 ++++++++++++--
 5 files changed, 50 insertions(+), 8 deletions(-)

diff --git a/packages/cli-dashboard/src/components/siteMapReport/index.tsx b/packages/cli-dashboard/src/components/siteMapReport/index.tsx
index 1dc7c2e9b..f0ac6f709 100644
--- a/packages/cli-dashboard/src/components/siteMapReport/index.tsx
+++ b/packages/cli-dashboard/src/components/siteMapReport/index.tsx
@@ -198,6 +198,7 @@ const SiteMapReport = ({
       <div className="flex-1 h-full">
         {selectedSite ? (
           <SiteReport
+            selectedSite={selectedSite}
             cookies={siteFilteredCookies}
             technologies={siteFilteredTechnologies}
             completeJson={completeJson}
diff --git a/packages/cli-dashboard/src/components/siteReport/components/layout.tsx b/packages/cli-dashboard/src/components/siteReport/components/layout.tsx
index 9da550255..530ba22c4 100644
--- a/packages/cli-dashboard/src/components/siteReport/components/layout.tsx
+++ b/packages/cli-dashboard/src/components/siteReport/components/layout.tsx
@@ -26,7 +26,11 @@ import { useContentStore } from '../stateProviders/contentStore';
 import { TABS } from '../tabs';
 import Sidebar from './sidebar';
 
-const Layout = () => {
+interface LayoutProps {
+  selectedSite?: string;
+}
+
+const Layout = ({ selectedSite }: LayoutProps) => {
   const { frameUrls } = useContentStore(({ state }) => ({
     frameUrls: [
       ...new Set(
@@ -73,7 +77,10 @@ const Layout = () => {
         />
       </Resizable>
       <div className="flex-1 h-full">
-        <TabComponent selectedFrameUrl={selectedFrameUrl} />
+        <TabComponent
+          selectedFrameUrl={selectedFrameUrl}
+          selectedSite={selectedSite}
+        />
       </div>
     </div>
   );
diff --git a/packages/cli-dashboard/src/components/siteReport/index.tsx b/packages/cli-dashboard/src/components/siteReport/index.tsx
index c775f956f..df90ad41c 100644
--- a/packages/cli-dashboard/src/components/siteReport/index.tsx
+++ b/packages/cli-dashboard/src/components/siteReport/index.tsx
@@ -35,12 +35,14 @@ interface SiteReportProps {
   };
   technologies: TechnologyData[];
   completeJson: CompleteJson | null;
+  selectedSite?: string;
 }
 
 const SiteReport = ({
   cookies,
   technologies,
   completeJson,
+  selectedSite,
 }: SiteReportProps) => {
   return (
     <ContentStoreProvider
@@ -48,7 +50,7 @@ const SiteReport = ({
       technologies={technologies}
       completeJson={completeJson}
     >
-      <Layout />
+      <Layout selectedSite={selectedSite} />
     </ContentStoreProvider>
   );
 };
diff --git a/packages/cli-dashboard/src/components/siteReport/tabs/cookies/index.tsx b/packages/cli-dashboard/src/components/siteReport/tabs/cookies/index.tsx
index a60616d0d..6730ff049 100644
--- a/packages/cli-dashboard/src/components/siteReport/tabs/cookies/index.tsx
+++ b/packages/cli-dashboard/src/components/siteReport/tabs/cookies/index.tsx
@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import React, { useMemo } from 'react';
+import React, { useMemo, useCallback } from 'react';
 import {
   prepareCookiesCount,
   prepareCookieStatsComponents,
@@ -22,19 +22,22 @@ import {
 import {
   CookiesLanding,
   CookiesMatrix,
+  Button,
 } from '@cookie-analysis-tool/design-system';
 /**
  * Internal dependencies.
  */
 import CookiesListing from './cookieListing';
 import { useContentStore } from '../../stateProviders/contentStore';
+import { reportDownloader } from '../../../utils/reportDownloader';
 
 interface CookiesTabProps {
   selectedFrameUrl?: string | null;
+  selectedSite?: string | null;
 }
 
-const CookiesTab = ({ selectedFrameUrl }: CookiesTabProps) => {
-  const { tabCookies } = useContentStore(({ state }) => ({
+const CookiesTab = ({ selectedFrameUrl, selectedSite }: CookiesTabProps) => {
+  const { tabCookies, completeJson } = useContentStore(({ state }) => ({
     tabCookies: state.tabCookies,
     completeJson: state.completeJson,
   }));
@@ -60,6 +63,16 @@ const CookiesTab = ({ selectedFrameUrl }: CookiesTabProps) => {
       ),
     [tabCookies]
   );
+  const downloadReport = useCallback(() => {
+    if (!completeJson) {
+      return;
+    }
+    if (Array.isArray(completeJson)) {
+      reportDownloader(completeJson, selectedSite);
+    } else if (!Array.isArray(completeJson)) {
+      reportDownloader([completeJson]);
+    }
+  }, [completeJson, selectedSite]);
 
   return (
     <div className="w-full h-full flex items-center justify-center">
@@ -67,6 +80,11 @@ const CookiesTab = ({ selectedFrameUrl }: CookiesTabProps) => {
         <CookiesListing selectedFrameUrl={selectedFrameUrl} />
       ) : (
         <div className="flex flex-col w-full">
+          <Button
+            extraClasses="absolute top-0 right-0"
+            text="Download Report"
+            onClick={downloadReport}
+          />
           <CookiesLanding
             tabCookies={tabCookies}
             tabFrames={tabFrames}
diff --git a/packages/cli-dashboard/src/components/utils/reportDownloader.ts b/packages/cli-dashboard/src/components/utils/reportDownloader.ts
index 2e13b7423..d6276ad70 100644
--- a/packages/cli-dashboard/src/components/utils/reportDownloader.ts
+++ b/packages/cli-dashboard/src/components/utils/reportDownloader.ts
@@ -35,11 +35,24 @@ interface SingleTechnology {
   categories: string;
 }
 
-export const reportDownloader = (report: CompleteJson | null) => {
-  if (!report) {
+export const reportDownloader = (
+  jsonToBeConverted: CompleteJson[],
+  selectedPageUrl?: string | null
+) => {
+  if (!jsonToBeConverted) {
     return;
   }
 
+  let report: CompleteJson = jsonToBeConverted[0];
+
+  if (selectedPageUrl) {
+    report = jsonToBeConverted.find(
+      ({ pageUrl }) => pageUrl === selectedPageUrl
+    ) as CompleteJson;
+  } else {
+    report = jsonToBeConverted[0];
+  }
+
   const newReport: NewReport = {
     ...report,
     affectedCookies: {},
@@ -92,6 +105,7 @@ export const reportDownloader = (report: CompleteJson | null) => {
   let affectedAnalyticsCookies = 0;
 
   newReport.affectedCookies = {};
+
   Object.keys(report.cookieData).forEach((frameName) => {
     newReport.affectedCookies[frameName] = {};
     Object.keys(report.cookieData[frameName].frameCookies).forEach((cookie) => {

From 5d97c08f81e7234fcb642e09121dbc0924b70ac9 Mon Sep 17 00:00:00 2001
From: Amoghavarsha Kudaligi <kgamoghavarsha@gmail.com>
Date: Wed, 11 Oct 2023 10:31:35 +0530
Subject: [PATCH 2/9] Align button to top-right corner

---
 .../src/components/siteReport/tabs/cookies/index.tsx            | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/cli-dashboard/src/components/siteReport/tabs/cookies/index.tsx b/packages/cli-dashboard/src/components/siteReport/tabs/cookies/index.tsx
index ff4fb41b1..9858a5311 100644
--- a/packages/cli-dashboard/src/components/siteReport/tabs/cookies/index.tsx
+++ b/packages/cli-dashboard/src/components/siteReport/tabs/cookies/index.tsx
@@ -82,7 +82,7 @@ const CookiesTab = ({ selectedFrameUrl, selectedSite }: CookiesTabProps) => {
       ) : (
         <div className="flex flex-col w-full">
           <Button
-            extraClasses="absolute top-0 right-0 w-fit"
+            extraClasses="absolute top-0 right-0 mr-2 mt-2"
             text="Download Report"
             onClick={downloadReport}
           />

From 2acb99595e187fea0e149f8e120abc52ec6949d1 Mon Sep 17 00:00:00 2001
From: Amoghavarsha Kudaligi <kgamoghavarsha@gmail.com>
Date: Wed, 11 Oct 2023 10:32:23 +0530
Subject: [PATCH 3/9] Remove session header from CSV

---
 packages/cli-dashboard/src/components/utils/reportDownloader.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/packages/cli-dashboard/src/components/utils/reportDownloader.ts b/packages/cli-dashboard/src/components/utils/reportDownloader.ts
index d6276ad70..3f92167cd 100644
--- a/packages/cli-dashboard/src/components/utils/reportDownloader.ts
+++ b/packages/cli-dashboard/src/components/utils/reportDownloader.ts
@@ -68,7 +68,6 @@ export const reportDownloader = (
     'httpOnly',
     'scope',
     'secure',
-    'session',
     'sameSite',
     'platform',
     'category',

From e3865851cf06c7c6fb304a6fd709dc636f6f740e Mon Sep 17 00:00:00 2001
From: Amoghavarsha Kudaligi <kgamoghavarsha@gmail.com>
Date: Wed, 11 Oct 2023 12:01:56 +0530
Subject: [PATCH 4/9] Fix downloader function.

---
 .../src/components/utils/reportDownloader.ts  | 133 ++++++++++--------
 packages/cli-dashboard/src/types.ts           |   2 +-
 .../analyzeTechnologiesUrlsInBatches.ts       |   2 -
 3 files changed, 72 insertions(+), 65 deletions(-)

diff --git a/packages/cli-dashboard/src/components/utils/reportDownloader.ts b/packages/cli-dashboard/src/components/utils/reportDownloader.ts
index 3f92167cd..cc7d7a912 100644
--- a/packages/cli-dashboard/src/components/utils/reportDownloader.ts
+++ b/packages/cli-dashboard/src/components/utils/reportDownloader.ts
@@ -83,6 +83,11 @@ export const reportDownloader = (
     'categories',
   ];
 
+  const cookieDataToBeProcessed = report.cookieData;
+  const technologyDataToBeProcessed = selectedPageUrl
+    ? report.technologyData
+    : report.technologyData[0];
+
   const summaryDataHeader = ['type', 'value'];
 
   let cookieDataValues = '';
@@ -105,84 +110,88 @@ export const reportDownloader = (
 
   newReport.affectedCookies = {};
 
-  Object.keys(report.cookieData).forEach((frameName) => {
+  Object.keys(cookieDataToBeProcessed).forEach((frameName) => {
     newReport.affectedCookies[frameName] = {};
-    Object.keys(report.cookieData[frameName].frameCookies).forEach((cookie) => {
-      const unSanitisedCookie =
-        report.cookieData[frameName].frameCookies[cookie];
-      const sanitizedData = {
-        name: unSanitisedCookie.name,
-        value: unSanitisedCookie.value.includes(',')
-          ? `"${unSanitisedCookie.value}"`
-          : unSanitisedCookie.value,
-        domain: unSanitisedCookie.domain,
-        path: unSanitisedCookie.path,
-        expires: unSanitisedCookie.expires,
-        httpOnly: unSanitisedCookie.httpOnly,
-        scope: unSanitisedCookie?.isFirstParty ? 'First Party' : 'Third Party',
-        secure: unSanitisedCookie.secure,
-        sameSite: unSanitisedCookie.sameSite,
-        platform: unSanitisedCookie.platform,
-        category: unSanitisedCookie.category,
-        isCookieSet: !unSanitisedCookie.isBlocked,
-        gdprPortal: unSanitisedCookie?.GDPR || 'NA',
-      };
-
-      cookieDataValues =
-        cookieDataValues + Object.values(sanitizedData).join(',') + '\r\n';
-
-      if (unSanitisedCookie?.isFirstParty) {
-        firstPartyCookies++;
-      } else {
-        thirdPartyCookies++;
-      }
+    Object.keys(cookieDataToBeProcessed[frameName].frameCookies).forEach(
+      (cookie) => {
+        const unSanitisedCookie =
+          cookieDataToBeProcessed[frameName].frameCookies[cookie];
+        const sanitizedData = {
+          name: unSanitisedCookie.name,
+          value: unSanitisedCookie.value.includes(',')
+            ? `"${unSanitisedCookie.value}"`
+            : unSanitisedCookie.value,
+          domain: unSanitisedCookie.domain,
+          path: unSanitisedCookie.path,
+          expires: unSanitisedCookie.expires,
+          httpOnly: unSanitisedCookie.httpOnly,
+          scope: unSanitisedCookie?.isFirstParty
+            ? 'First Party'
+            : 'Third Party',
+          secure: unSanitisedCookie.secure,
+          sameSite: unSanitisedCookie.sameSite,
+          platform: unSanitisedCookie.platform,
+          category: unSanitisedCookie.category,
+          isCookieSet: !unSanitisedCookie.isBlocked,
+          gdprPortal: unSanitisedCookie?.GDPR || 'NA',
+        };
 
-      switch (unSanitisedCookie.category) {
-        case 'Marketing':
-          marketingCookies++;
-          break;
-        case 'Analytics':
-          analyticsCookies++;
-          break;
-        case 'Uncategorized':
-          uncategorisedCookies++;
-          break;
-        case 'Functional':
-          functionalCookies++;
-          break;
-        default:
-          break;
-      }
+        cookieDataValues =
+          cookieDataValues + Object.values(sanitizedData).join(',') + '\r\n';
 
-      if (unSanitisedCookie.isBlocked) {
-        affectedCookiesCount = affectedCookiesCount + 1;
+        if (unSanitisedCookie?.isFirstParty) {
+          firstPartyCookies++;
+        } else {
+          thirdPartyCookies++;
+        }
 
-        newReport.affectedCookies[frameName] = {
-          ...newReport.affectedCookies[frameName],
-          [cookie]: report.cookieData[frameName].frameCookies[cookie],
-        };
         switch (unSanitisedCookie.category) {
           case 'Marketing':
-            affectedMarketingCookies++;
+            marketingCookies++;
             break;
           case 'Analytics':
-            affectedAnalyticsCookies++;
+            analyticsCookies++;
             break;
           case 'Uncategorized':
-            affectedUncategorisedCookies++;
+            uncategorisedCookies++;
             break;
           case 'Functional':
-            affectedFunctionalCookies++;
+            functionalCookies++;
             break;
           default:
             break;
         }
-        affectedCookiesDataValues =
-          affectedCookiesDataValues +
-          Object.values(sanitizedData).join(',') +
-          '\r\n';
+
+        if (unSanitisedCookie.isBlocked) {
+          affectedCookiesCount = affectedCookiesCount + 1;
+
+          newReport.affectedCookies[frameName] = {
+            ...newReport.affectedCookies[frameName],
+            [cookie]: cookieDataToBeProcessed[frameName].frameCookies[cookie],
+          };
+          switch (unSanitisedCookie.category) {
+            case 'Marketing':
+              affectedMarketingCookies++;
+              break;
+            case 'Analytics':
+              affectedAnalyticsCookies++;
+              break;
+            case 'Uncategorized':
+              affectedUncategorisedCookies++;
+              break;
+            case 'Functional':
+              affectedFunctionalCookies++;
+              break;
+            default:
+              break;
+          }
+          affectedCookiesDataValues =
+            affectedCookiesDataValues +
+            Object.values(sanitizedData).join(',') +
+            '\r\n';
+        }
       }
-    });
+    );
 
     totalCookiesCount =
       totalCookiesCount + report.cookieData[frameName].cookiesCount;
@@ -193,7 +202,7 @@ export const reportDownloader = (
   const affectedCookieDataCSVContent =
     cookieDataHeader + '\n' + affectedCookiesDataValues;
 
-  report.technologyData.forEach((technology) => {
+  technologyDataToBeProcessed.forEach((technology) => {
     const singleTechnology: SingleTechnology = {
       name: technology?.name,
       description: technology?.description?.replaceAll(',', ''),
diff --git a/packages/cli-dashboard/src/types.ts b/packages/cli-dashboard/src/types.ts
index ae0183ead..ac4c011a6 100644
--- a/packages/cli-dashboard/src/types.ts
+++ b/packages/cli-dashboard/src/types.ts
@@ -56,5 +56,5 @@ export type CompleteJson = {
       };
     };
   };
-  technologyData: TechnologyData[];
+  technologyData: [TechnologyData[]];
 };
diff --git a/packages/cli/src/procedures/analyzeTechnologiesUrlsInBatches.ts b/packages/cli/src/procedures/analyzeTechnologiesUrlsInBatches.ts
index f8b1db106..60eb80377 100644
--- a/packages/cli/src/procedures/analyzeTechnologiesUrlsInBatches.ts
+++ b/packages/cli/src/procedures/analyzeTechnologiesUrlsInBatches.ts
@@ -61,7 +61,5 @@ export const analyzeTechnologiesUrlsInBatches = async (
     });
   }
 
-  console.log(report);
-
   return report;
 };

From 2ef3252702722ab4036e9588fdd39b28efd47a9c Mon Sep 17 00:00:00 2001
From: Amoghavarsha Kudaligi <kgamoghavarsha@gmail.com>
Date: Wed, 11 Oct 2023 13:22:30 +0530
Subject: [PATCH 5/9] Change names on zip files

---
 .../src/components/siteReport/tabs/cookies/index.tsx |  1 +
 .../src/components/utils/reportDownloader.ts         | 12 ++++++------
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/packages/cli-dashboard/src/components/siteReport/tabs/cookies/index.tsx b/packages/cli-dashboard/src/components/siteReport/tabs/cookies/index.tsx
index 9858a5311..32a4374c3 100644
--- a/packages/cli-dashboard/src/components/siteReport/tabs/cookies/index.tsx
+++ b/packages/cli-dashboard/src/components/siteReport/tabs/cookies/index.tsx
@@ -85,6 +85,7 @@ const CookiesTab = ({ selectedFrameUrl, selectedSite }: CookiesTabProps) => {
             extraClasses="absolute top-0 right-0 mr-2 mt-2"
             text="Download Report"
             onClick={downloadReport}
+            variant="small"
           />
           <CookiesLanding
             tabCookies={tabCookies}
diff --git a/packages/cli-dashboard/src/components/utils/reportDownloader.ts b/packages/cli-dashboard/src/components/utils/reportDownloader.ts
index cc7d7a912..f99c37a09 100644
--- a/packages/cli-dashboard/src/components/utils/reportDownloader.ts
+++ b/packages/cli-dashboard/src/components/utils/reportDownloader.ts
@@ -248,13 +248,13 @@ export const reportDownloader = (
   newReport.cookieAnalysisSummary = summaryData;
 
   const zip = new JSZip();
-  zip.file('cookieData.csv', cookieDataCSVContent);
-  zip.file('technologyData.csv', technologyDataCSVContent);
-  zip.file('affectedCookiesData.csv', affectedCookieDataCSVContent);
-  zip.file('summaryData.csv', summaryDataCSVContent);
-  zip.file('completeJson.json', JSON.stringify(newReport));
+  zip.file('cookies.csv', cookieDataCSVContent);
+  zip.file('technology.csv', technologyDataCSVContent);
+  zip.file('affected-cookies.csv', affectedCookieDataCSVContent);
+  zip.file('report.csv', summaryDataCSVContent);
+  zip.file('report.json', JSON.stringify(newReport));
   zip.generateAsync({ type: 'blob' }).then((content) => {
     // see FileSaver.js
-    saveAs(content, 'example.zip');
+    saveAs(content, 'report.zip');
   });
 };

From ffc16bfc3701f65f68993565ad2cc6d408e6dd67 Mon Sep 17 00:00:00 2001
From: Amoghavarsha Kudaligi <kgamoghavarsha@gmail.com>
Date: Wed, 11 Oct 2023 13:45:59 +0530
Subject: [PATCH 6/9] Destructure technology data for site.

---
 .../cli-dashboard/src/components/utils/reportDownloader.ts    | 4 +---
 packages/cli/src/index.ts                                     | 2 +-
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/packages/cli-dashboard/src/components/utils/reportDownloader.ts b/packages/cli-dashboard/src/components/utils/reportDownloader.ts
index f99c37a09..fad988755 100644
--- a/packages/cli-dashboard/src/components/utils/reportDownloader.ts
+++ b/packages/cli-dashboard/src/components/utils/reportDownloader.ts
@@ -84,9 +84,7 @@ export const reportDownloader = (
   ];
 
   const cookieDataToBeProcessed = report.cookieData;
-  const technologyDataToBeProcessed = selectedPageUrl
-    ? report.technologyData
-    : report.technologyData[0];
+  const technologyDataToBeProcessed = report.technologyData;
 
   const summaryDataHeader = ['type', 'value'];
 
diff --git a/packages/cli/src/index.ts b/packages/cli/src/index.ts
index 79700cdb1..36b7d0fba 100644
--- a/packages/cli/src/index.ts
+++ b/packages/cli/src/index.ts
@@ -83,7 +83,7 @@ export const initialize = async () => {
       text: 'Analysing technologies',
     });
 
-    const technologyData = await analyzeTechnologiesUrlsInBatches([url]);
+    const [technologyData] = await analyzeTechnologiesUrlsInBatches([url]);
 
     spinnies.succeed('technology-spinner', {
       text: 'Done analyzing technologies.',

From 37d0d9d84d9debf659cf76eee1a996ce26d98ca7 Mon Sep 17 00:00:00 2001
From: Amoghavarsha Kudaligi <kgamoghavarsha@gmail.com>
Date: Wed, 11 Oct 2023 13:46:19 +0530
Subject: [PATCH 7/9] Revert type.

---
 packages/cli-dashboard/src/types.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/cli-dashboard/src/types.ts b/packages/cli-dashboard/src/types.ts
index ac4c011a6..ae0183ead 100644
--- a/packages/cli-dashboard/src/types.ts
+++ b/packages/cli-dashboard/src/types.ts
@@ -56,5 +56,5 @@ export type CompleteJson = {
       };
     };
   };
-  technologyData: [TechnologyData[]];
+  technologyData: TechnologyData[];
 };

From c77aeb938175d35709dbc6c886765d45fbf2dfa9 Mon Sep 17 00:00:00 2001
From: Amoghavarsha Kudaligi <kgamoghavarsha@gmail.com>
Date: Wed, 11 Oct 2023 16:42:25 +0530
Subject: [PATCH 8/9] Fix scrolling issue in cookies landing page.

---
 .../src/components/siteReport/tabs/cookies/index.tsx            | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/cli-dashboard/src/components/siteReport/tabs/cookies/index.tsx b/packages/cli-dashboard/src/components/siteReport/tabs/cookies/index.tsx
index 32a4374c3..5dcd4d0ba 100644
--- a/packages/cli-dashboard/src/components/siteReport/tabs/cookies/index.tsx
+++ b/packages/cli-dashboard/src/components/siteReport/tabs/cookies/index.tsx
@@ -80,7 +80,7 @@ const CookiesTab = ({ selectedFrameUrl, selectedSite }: CookiesTabProps) => {
       {selectedFrameUrl ? (
         <CookiesListing selectedFrameUrl={selectedFrameUrl} />
       ) : (
-        <div className="flex flex-col w-full">
+        <div className="flex flex-col h-full w-full">
           <Button
             extraClasses="absolute top-0 right-0 mr-2 mt-2"
             text="Download Report"

From 783c9c247442154d17183b72f71951d26a11510c Mon Sep 17 00:00:00 2001
From: Amoghavarsha Kudaligi <kgamoghavarsha@gmail.com>
Date: Wed, 11 Oct 2023 16:46:28 +0530
Subject: [PATCH 9/9] Increase font size.

---
 .../src/components/siteReport/tabs/cookies/index.tsx           | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/packages/cli-dashboard/src/components/siteReport/tabs/cookies/index.tsx b/packages/cli-dashboard/src/components/siteReport/tabs/cookies/index.tsx
index 5dcd4d0ba..02fcb5631 100644
--- a/packages/cli-dashboard/src/components/siteReport/tabs/cookies/index.tsx
+++ b/packages/cli-dashboard/src/components/siteReport/tabs/cookies/index.tsx
@@ -82,10 +82,9 @@ const CookiesTab = ({ selectedFrameUrl, selectedSite }: CookiesTabProps) => {
       ) : (
         <div className="flex flex-col h-full w-full">
           <Button
-            extraClasses="absolute top-0 right-0 mr-2 mt-2"
+            extraClasses="absolute top-0 right-0 mr-2 mt-2 text-sm"
             text="Download Report"
             onClick={downloadReport}
-            variant="small"
           />
           <CookiesLanding
             tabCookies={tabCookies}