change menu-toggle height to logo height

css/style.css

@@ -605,8 +605,12 @@ button:active, .button-primary:active, .logo:active {
 }
 
 .menu-toggle {
-  display: none;
   position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  justify-self: end;
+  align-self: stretch;
   transition: transform 0.25s ease, opacity 0.25s ease;
 }
 
@@ -633,7 +637,7 @@ button:active, .button-primary:active, .logo:active {
   overflow-y: auto;
   margin-inline: 0;
   background: var(--color-button-secondary);
-  border-radius: var(--radius-xl);
+  border-radius: calc(26px + var(--spacing-2));
   box-shadow: var(--shadow-button);
   padding: 0;
   opacity: 0;
@@ -661,7 +665,8 @@ button:active, .button-primary:active, .logo:active {
 .mobile-menu a {
   display: block;
   text-align: center;
-  min-height: 52px;
+  min-height: 62px;
+  border-radius: 26px;
 }
 
 /* .page-content {