From e8835d3058b5dcc3efc6d8abbc9697efa833b017 Mon Sep 17 00:00:00 2001
From: nick-delirium <nikita@openreplay.com>
Date: Fri, 21 Feb 2025 12:40:22 +0100
Subject: [PATCH] ui: fix button styling for assist

---
 .../AssistSearchActions.tsx                   | 24 ++++++++++---------
 .../shared/SearchActions/SearchActions.tsx    | 16 ++++++-------
 2 files changed, 21 insertions(+), 19 deletions(-)

diff --git a/frontend/app/components/Assist/AssistSearchActions/AssistSearchActions.tsx b/frontend/app/components/Assist/AssistSearchActions/AssistSearchActions.tsx
index 33f6c23e9..1ec95db9e 100644
--- a/frontend/app/components/Assist/AssistSearchActions/AssistSearchActions.tsx
+++ b/frontend/app/components/Assist/AssistSearchActions/AssistSearchActions.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { Button } from 'antd';
+import { Button, Tooltip } from 'antd';
 import { useModal } from 'App/components/Modal';
 import { MODULES } from 'Components/Client/Modules';
 
@@ -27,21 +27,23 @@ function AssistSearchActions() {
   return (
     <div className="flex items-center w-full gap-2">
       {isEnterprise && modules.includes(MODULES.OFFLINE_RECORDINGS)
-        ? <Button type="primary" ghost onClick={showRecords}>Training Videos</Button> : null
+        ? <Button type="text" onClick={showRecords}>Training Videos</Button> : null
       }
       {isEnterprise && (
-        <Button type="primary" ghost onClick={showStats}
+        <Button type="text" onClick={showStats}
                 disabled={modules.includes(MODULES.ASSIST_STATS) || modules.includes(MODULES.ASSIST)}>
           Co-Browsing Reports</Button>
       )}
-      <Button
-        type="link"
-        className="ml-auto font-medium"
-        disabled={!hasFilters && !hasEvents}
-        onClick={() => searchStoreLive.clearSearch()}
-      >
-        Clear Search
-      </Button>
+      <Tooltip title='Clear Search Filters'>
+        <Button
+          type="text"
+          disabled={!hasFilters && !hasEvents}
+          onClick={() => searchStoreLive.clearSearch()}
+          className="px-2 ml-auto"
+        >
+          Clear
+        </Button>
+      </Tooltip>
     </div>
   );
 }
diff --git a/frontend/app/components/shared/SearchActions/SearchActions.tsx b/frontend/app/components/shared/SearchActions/SearchActions.tsx
index ddc27c858..305ad52ea 100644
--- a/frontend/app/components/shared/SearchActions/SearchActions.tsx
+++ b/frontend/app/components/shared/SearchActions/SearchActions.tsx
@@ -40,14 +40,14 @@ function SearchActions() {
         <div className={'ml-auto'} />
         <SavedSearch />
         <Tooltip title='Clear Search Filters'>
-        <Button
-          type="text"
-          disabled={!hasSearch}
-          onClick={() => searchStore.clearSearch()}
-          className="px-2"
-        >
-          Clear
-        </Button>
+          <Button
+            type="text"
+            disabled={!hasSearch}
+            onClick={() => searchStore.clearSearch()}
+            className="px-2"
+          >
+            Clear
+          </Button>
         </Tooltip>
       </div>
       {showPanel ? (