diff --git a/components/Navigation.tsx b/components/Navigation.tsx
index 588e10c..adaa5af 100644
--- a/components/Navigation.tsx
+++ b/components/Navigation.tsx
@@ -195,9 +195,9 @@ export default function (props: {
             <a href="/me">
               <Avatar
                 display={data.id ? "" : "none"}
-                height={64}
+                height="64px"
                 src={getAvatarUrl(data)}
-                width={64}
+                width="32px"
               />
             </a>
             <Text align="center" style={{ overflowWrap: "anywhere" }}>