diff --git a/frontend-modern/src/components/Settings/HostAgents.tsx b/frontend-modern/src/components/Settings/HostAgents.tsx
index c8c06eb..80ef4f5 100644
--- a/frontend-modern/src/components/Settings/HostAgents.tsx
+++ b/frontend-modern/src/components/Settings/HostAgents.tsx
@@ -11,7 +11,6 @@ import { HOST_AGENT_SCOPE } from '@/constants/apiScopes';
import type { SecurityStatus } from '@/types/config';
import type { APITokenRecord } from '@/api/security';
import { useScopedTokenManager } from '@/hooks/useScopedTokenManager';
-import Monitor from 'lucide-solid/icons/monitor';
type HostAgentVariant = 'all' | 'linux' | 'macos' | 'windows';
@@ -21,12 +20,16 @@ interface HostAgentsProps {
type HostPlatform = 'linux' | 'macos' | 'windows';
-const hostPlatformOptions: { id: HostPlatform; label: string; description: string; icon: typeof Monitor | JSX.Element }[] = [
+const hostPlatformOptions: { id: HostPlatform; label: string; description: string; icon: JSX.Element }[] = [
{
id: 'linux',
label: 'Linux',
description: 'Download the static binary and enable the systemd service on Debian, Ubuntu, RHEL, Arch, and more.',
- icon: Monitor,
+ icon: (
+
+ ),
},
{
id: 'macos',
@@ -364,11 +367,7 @@ export const HostAgents: Component = (props) => {
: 'bg-gray-100 text-gray-700 dark:bg-gray-800 dark:text-gray-200'
}`}
>
- {typeof option.icon === 'function' ? (
-
- ) : (
- option.icon
- )}
+ {option.icon}