diff --git a/frontend/src/components/navigator.tsx b/frontend/src/components/navigator.tsx
index 30a3c76..d9f28f0 100644
--- a/frontend/src/components/navigator.tsx
+++ b/frontend/src/components/navigator.tsx
@@ -250,7 +250,7 @@ function UserButton() {
           <li>
             <a
               onClick={() => {
-                navigate(`/user/${app.user?.username}`);
+                navigate(`/user/${encodeURIComponent(app.user!.username)}`);
                 const menu = document.getElementById(
                   "navi_dropdown_menu",
                 ) as HTMLUListElement;