From 6999e8063fbbe67492fcbf729da11623daa0d744 Mon Sep 17 00:00:00 2001
From: Julius Volz <julius.volz@gmail.com>
Date: Mon, 2 Sep 2024 13:42:14 +0200
Subject: [PATCH] Don't wrap Prometheus logo + brand line

Signed-off-by: Julius Volz <julius.volz@gmail.com>
---
 web/ui/mantine-ui/src/App.module.css | 4 +++-
 web/ui/mantine-ui/src/App.tsx        | 2 +-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/web/ui/mantine-ui/src/App.module.css b/web/ui/mantine-ui/src/App.module.css
index 28a33eb470..2a66b14f36 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 5b6926c90b..02160e460b 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>