diff --git a/components/MobileNav.tsx b/components/MobileNav.tsx
index 57e9202..f27f2c0 100644
--- a/components/MobileNav.tsx
+++ b/components/MobileNav.tsx
@@ -26,10 +26,13 @@ const Bar = styled.nav<StyledProps>`
 	background: ${({ theme, dark }) => (dark ? theme.colors.dark.text : theme.colors.light.text)};
 	transition: transform 250ms ease-in-out;
 	display: grid;
-	grid-template-rows: auto;
-	row-gap: 10px;
+	grid-template-rows: 30% repeat(4, 50px);
 	padding: 1rem 1rem 5rem 1rem;
 
+	@media (orientation: landscape) {
+		grid-template-rows: auto;
+	}
+
 	.close {
 		justify-self: flex-end;
 		align-self: flex-start;