diff --git a/src/client/web/src/components/topbar.tsx b/src/client/web/src/components/topbar.tsx
index 882d5e9..cf67779 100644
--- a/src/client/web/src/components/topbar.tsx
+++ b/src/client/web/src/components/topbar.tsx
@@ -133,7 +133,11 @@ export class TopBar extends React.Component<Props, State, {}> {
                   {this.props.msg.pkg.get("admin")}
                 </button>,
 
-                <button onClick={this.logout} className={`${showLogin}`}>
+                <button
+                  onClick={this.logout}
+                  className={`${showLogin}`}
+                  style={{ minWidth: "7rem" }}
+                >
                   {this.props.msg.pkg.get("login.logout")}
                 </button>,
               ])}