diff --git a/src/components/menu.tsx b/src/components/menu.tsx
index d4ff24f..377901e 100644
--- a/src/components/menu.tsx
+++ b/src/components/menu.tsx
@@ -40,8 +40,8 @@ const Avatar: FunctionComponent = () => {
   return (
     <button
       onClick={() => route("/profile/settings")}
-      class={cn("hidden h-32 w-full cursor-pointer overflow-hidden transition-[height] md:block", {
-        "h-0": path === "/profile/settings",
+      class={cn("hidden h-32 w-full cursor-pointer overflow-hidden opacity-100 transition-[height,opacity] md:block", {
+        "h-0 opacity-0": path === "/profile/settings",
       })}
     >
       <div
diff --git a/src/pages/login.module.scss b/src/pages/login.module.scss
index 1951be2..0d5469a 100644
--- a/src/pages/login.module.scss
+++ b/src/pages/login.module.scss
@@ -5,9 +5,9 @@
 }
 
 .login_card {
-  @apply flex min-h-[50vh] w-[95%] min-w-[300px] flex-col justify-around gap-2 rounded-[7rem] bg-[linear-gradient(180.00deg,_rgba(239,251,194,0.53),rgb(206,232,251)_100%)] p-7 shadow-[0px_4px_4px_0px_rgba(0,0,0,0.25)] md:w-[350px];
+  @apply flex h-fit w-[95%] min-w-[300px] flex-col justify-around rounded-[3rem] bg-[linear-gradient(180.00deg,_rgba(239,251,194,0.53),rgb(206,232,251)_100%)] p-7 shadow-[0px_4px_4px_0px_rgba(0,0,0,0.25)] md:w-[350px];
 }
 
 .login_card_name {
-  @apply text-center text-2xl font-semibold;
+  @apply mb-8 text-center text-2xl font-semibold;
 }