From 22f6b9dfe460d38a7a2aecffd3808c9684b19c94 Mon Sep 17 00:00:00 2001
From: Anish Sarkar <104695310+AnishSarkar22@users.noreply.github.com>
Date: Tue, 19 May 2026 00:51:06 +0530
Subject: [PATCH] refactor: update Slack configuration styling and remove
 unused icon in general settings

---
 .../connector-configs/components/slack-config.tsx            | 4 +++-
 .../components/settings/general-settings-manager.tsx         | 5 +----
 surfsense_web/components/ui/alert.tsx                        | 4 ++--
 3 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/surfsense_web/components/assistant-ui/connector-popup/connector-configs/components/slack-config.tsx b/surfsense_web/components/assistant-ui/connector-popup/connector-configs/components/slack-config.tsx
index a5700c668..7f30d751a 100644
--- a/surfsense_web/components/assistant-ui/connector-popup/connector-configs/components/slack-config.tsx
+++ b/surfsense_web/components/assistant-ui/connector-popup/connector-configs/components/slack-config.tsx
@@ -82,7 +82,9 @@ export const SlackConfig: FC<SlackConfigProps> = ({ connector }) => {
 					<p>
 						Before indexing, add the SurfSense bot to each channel you want to index. The bot can
 						only access messages from channels it's been added to. Type{" "}
-						<code className="bg-muted px-1 py-0.5 rounded text-[9px]">/invite @SurfSense</code>{" "}
+						<code className="rounded bg-popover px-1 py-0.5 text-[9px] text-popover-foreground">
+							/invite @SurfSense
+						</code>{" "}
 						in any channel to add it.
 					</p>
 				</AlertDescription>
diff --git a/surfsense_web/components/settings/general-settings-manager.tsx b/surfsense_web/components/settings/general-settings-manager.tsx
index 02791e4a0..b01342cfc 100644
--- a/surfsense_web/components/settings/general-settings-manager.tsx
+++ b/surfsense_web/components/settings/general-settings-manager.tsx
@@ -2,7 +2,7 @@
 
 import { useQuery } from "@tanstack/react-query";
 import { useAtomValue } from "jotai";
-import { FolderArchive, Info } from "lucide-react";
+import { Info } from "lucide-react";
 import { useTranslations } from "next-intl";
 import { useCallback, useEffect, useState } from "react";
 import { toast } from "sonner";
@@ -197,9 +197,6 @@ export function GeneralSettingsManager({ searchSpaceId }: GeneralSettingsManager
 					onClick={handleExportKB}
 					className="relative w-fit shrink-0"
 				>
-					<span className={isExporting ? "opacity-0" : ""}>
-						<FolderArchive className="h-3 w-3 opacity-60" />
-					</span>
 					<span className={isExporting ? "opacity-0" : ""}>Export</span>
 					{isExporting && <Spinner size="sm" className="absolute" />}
 				</Button>
diff --git a/surfsense_web/components/ui/alert.tsx b/surfsense_web/components/ui/alert.tsx
index 450b60285..bf1c4e5c2 100644
--- a/surfsense_web/components/ui/alert.tsx
+++ b/surfsense_web/components/ui/alert.tsx
@@ -8,9 +8,9 @@ const alertVariants = cva(
 	{
 		variants: {
 			variant: {
-				default: "bg-card text-card-foreground",
+				default: "border-popover-border bg-accent text-accent-foreground",
 				destructive:
-					"bg-card text-destructive *:data-[slot=alert-description]:text-destructive/90 [&>svg]:text-current",
+					"border-destructive/30 bg-destructive/10 text-destructive *:data-[slot=alert-description]:text-destructive/90 [&>svg]:text-current",
 			},
 		},
 		defaultVariants: {