diff --git a/src/components/common/ServerIcon.tsx b/src/components/common/ServerIcon.tsx
index d7d2977c..19503319 100644
--- a/src/components/common/ServerIcon.tsx
+++ b/src/components/common/ServerIcon.tsx
@@ -15,6 +15,8 @@ interface Props extends IconBaseProps<Server> {
 const ServerText = styled.div`
     display: grid;
     padding: 0.2em;
+    font-size: 0.75rem;
+    font-weight: 600;
     overflow: hidden;
     place-items: center;
     color: var(--foreground);
diff --git a/src/components/ui/Header.tsx b/src/components/ui/Header.tsx
index 48b1062b..6d238f23 100644
--- a/src/components/ui/Header.tsx
+++ b/src/components/ui/Header.tsx
@@ -29,11 +29,16 @@ const Header = styled.div<Props>`
     font-weight: 600;
     user-select: none;
     align-items: center;
-
     background-size: cover !important;
     background-position: center !important;
     background-color: var(--primary-header);
 
+    > div {
+        text-overflow: ellipsis;
+        overflow: hidden;
+        white-space: nowrap;
+    }
+
     svg {
         flex-shrink: 0;
     }