ui: fix button styling for assist

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
+      <Tooltip title='Clear Search Filters'>
-        type="link"
+        <Button
-        className="ml-auto font-medium"
+          type="text"
-        disabled={!hasFilters && !hasEvents}
+          disabled={!hasFilters && !hasEvents}
-        onClick={() => searchStoreLive.clearSearch()}
+          onClick={() => searchStoreLive.clearSearch()}
-      >
+          className="px-2 ml-auto"
-        Clear Search
+        >
-      </Button>
+          Clear
+        </Button>
+      </Tooltip>
     </div>
   );
 }

frontend/app/components/shared/SearchActions/SearchActions.tsx

@@ -40,14 +40,14 @@ function SearchActions() {
         <div className={'ml-auto'} />
         <SavedSearch />
         <Tooltip title='Clear Search Filters'>
-        <Button
+          <Button
-          type="text"
+            type="text"
-          disabled={!hasSearch}
+            disabled={!hasSearch}
-          onClick={() => searchStore.clearSearch()}
+            onClick={() => searchStore.clearSearch()}
-          className="px-2"
+            className="px-2"
-        >
+          >
-          Clear
+            Clear
-        </Button>
+          </Button>
         </Tooltip>
       </div>
       {showPanel ? (