diff --git a/src/components/common/ServerHeader.tsx b/src/components/common/ServerHeader.tsx
index 0e274879..036311ca 100644
--- a/src/components/common/ServerHeader.tsx
+++ b/src/components/common/ServerHeader.tsx
@@ -8,6 +8,8 @@ import styled, { css } from "styled-components";
 
 import { Text } from "preact-i18n";
 
+import { isTouchscreenDevice } from "../../lib/isTouchscreenDevice";
+
 import Header from "../ui/Header";
 import IconButton from "../ui/IconButton";
 
@@ -52,6 +54,12 @@ const ServerBanner = styled.div<Props>`
         text-overflow: ellipsis;
         gap: 8px;
 
+        ${() =>
+            isTouchscreenDevice &&
+            css`
+                height: 56px;
+            `}
+
         .title {
             white-space: nowrap;
             overflow: hidden;