From b2bf2226df997021f6cb06fb98a81cdfeb86f8a0 Mon Sep 17 00:00:00 2001
From: Julius Volz <julius.volz@gmail.com>
Date: Tue, 16 Jul 2024 12:57:55 +0200
Subject: [PATCH] Tweak menu icons

Signed-off-by: Julius Volz <julius.volz@gmail.com>
---
 web/ui/mantine-ui/src/App.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/web/ui/mantine-ui/src/App.tsx b/web/ui/mantine-ui/src/App.tsx
index 78ff386bbf..3ecf5f0417 100644
--- a/web/ui/mantine-ui/src/App.tsx
+++ b/web/ui/mantine-ui/src/App.tsx
@@ -27,12 +27,15 @@ import {
   IconChevronDown,
   IconChevronRight,
   IconCloudDataConnection,
+  IconCpu,
   IconDatabase,
   IconDatabaseSearch,
   IconFileAnalytics,
   IconFlag,
   IconHeartRateMonitor,
   IconInfoCircle,
+  IconSearch,
+  IconServer,
   IconServerCog,
 } from "@tabler/icons-react";
 import {
@@ -66,13 +69,13 @@ import ReadinessWrapper from "./components/ReadinessWrapper";
 
 const queryClient = new QueryClient();
 
-const navIconStyle = { width: rem(15), height: rem(15) };
+const navIconStyle = { width: rem(16), height: rem(16) };
 
 const mainNavPages = [
   {
     title: "Query",
     path: "/query",
-    icon: <IconDatabaseSearch style={navIconStyle} />,
+    icon: <IconSearch style={navIconStyle} />,
     element: <QueryPage />,
     inAgentMode: false,
   },
@@ -238,7 +241,7 @@ function App() {
                   component={NavLink}
                   to="/"
                   className={classes.link}
-                  leftSection={<IconFileAnalytics style={navIconStyle} />}
+                  leftSection={<IconServer style={navIconStyle} />}
                   rightSection={<IconChevronDown style={navIconStyle} />}
                   onClick={(e) => {
                     e.preventDefault();