diff --git a/web/ui/mantine-ui/src/App.module.css b/web/ui/mantine-ui/src/App.module.css
index 28a33eb47..2a66b14f3 100644
--- a/web/ui/mantine-ui/src/App.module.css
+++ b/web/ui/mantine-ui/src/App.module.css
@@ -34,5 +34,7 @@
 /* Font used for autocompletion item icons. */
 @font-face {
   font-family: "codicon";
-  src: local("codicon"), url(./fonts/codicon.ttf) format("truetype");
+  src:
+    local("codicon"),
+    url(./fonts/codicon.ttf) format("truetype");
 }
diff --git a/web/ui/mantine-ui/src/App.tsx b/web/ui/mantine-ui/src/App.tsx
index 5b6926c90..02160e460 100644
--- a/web/ui/mantine-ui/src/App.tsx
+++ b/web/ui/mantine-ui/src/App.tsx
@@ -321,7 +321,7 @@ function App() {
                         to="/"
                         style={{ textDecoration: "none", color: "white" }}
                       >
-                        <Group gap={10}>
+                        <Group gap={10} wrap="nowrap">
                           <img src={PrometheusLogo} height={30} />
                           <Text fz={20}>Prometheus{agentMode && " Agent"}</Text>
                         </Group>