diff --git a/web/static/css/app.css b/web/static/css/app.css
index d33e7a9..3ba8e34 100644
--- a/web/static/css/app.css
+++ b/web/static/css/app.css
@@ -311,8 +311,12 @@ body[data-nav=side] .topnav {
   padding-left: 232px;
 }
 body[data-nav=side] .topnav .brand {
-  position: fixed; top: 14px; left: 18px; z-index: 41;
-  font-size: 1.05rem;
+  position: fixed; top: 14px; left: 16px; z-index: 41;
+  font-size: 1rem;
+  /* keep a long brand name inside the sidebar instead of overflowing it */
+  width: 182px;
+  white-space: normal;
+  line-height: 1.15;
 }
 body[data-nav=side] .topnav .links {
   position: fixed; top: 0; left: 0; bottom: 0;
@@ -322,7 +326,8 @@ body[data-nav=side] .topnav .links {
   background-color: var(--surface2);
   background-image: var(--dither);
   border-right: 2px solid var(--border);
-  padding: 58px 12px 18px;
+  /* top padding clears the (possibly two-line) brand above */
+  padding: 76px 12px 18px;
   overflow-y: auto;
   z-index: 40;
 }