diff --git a/web/ui/mantine-ui/src/App.tsx b/web/ui/mantine-ui/src/App.tsx
index 789c4b97a..f677dd880 100644
--- a/web/ui/mantine-ui/src/App.tsx
+++ b/web/ui/mantine-ui/src/App.tsx
@@ -6,6 +6,7 @@ import classes from "./App.module.css";
import PrometheusLogo from "./images/prometheus-logo.svg";
import {
+ ActionIcon,
AppShell,
Box,
Burger,
@@ -22,6 +23,7 @@ import { useDisclosure } from "@mantine/hooks";
import {
IconBell,
IconBellFilled,
+ IconBook,
IconChevronDown,
IconChevronRight,
IconCloudDataConnection,
@@ -306,17 +308,24 @@ function App() {
))}
+ >
+ );
- {/* */}
+
+
>
);
@@ -359,9 +368,8 @@ function App() {
{navLinks}
-
-
-
+
+ {navActionIcons}
{navLinks}
-
-
+ {navActionIcons}
diff --git a/web/ui/mantine-ui/src/components/SettingsMenu.tsx b/web/ui/mantine-ui/src/components/SettingsMenu.tsx
index 0d004bd4b..c0631b1b4 100644
--- a/web/ui/mantine-ui/src/components/SettingsMenu.tsx
+++ b/web/ui/mantine-ui/src/components/SettingsMenu.tsx
@@ -18,7 +18,12 @@ const SettingsMenu: FC = () => {
return (
-
+