diff --git a/app/components/header.tsx b/app/components/header.tsx
index 978c999928..5f8ad6c99e 100644
--- a/app/components/header.tsx
+++ b/app/components/header.tsx
@@ -151,8 +151,8 @@ export const Logo = () => {
           role="figure"
           aria-labelledby="logo"
           sx={{
+            width: "calc(20rem - 16px)",
             display: ["none", "block"],
-            pr: 6,
             borderRightWidth: "1px",
             borderRightStyle: "solid",
             borderRightColor: "grey.300",