diff --git a/components/Navigation/Navigation.module.scss b/components/Navigation/Navigation.module.scss
index 3b409a8..25e79a9 100644
--- a/components/Navigation/Navigation.module.scss
+++ b/components/Navigation/Navigation.module.scss
@@ -91,7 +91,7 @@
 	display: none;
 }
 
-@media screen and (max-width: 800px) {
+@media screen and (max-width: 860px) {
 	.nav {
 		height: 3rem;
 	}
@@ -101,6 +101,12 @@
 	.mobile {
 		display: inherit;
 	}
+	.menumobile {
+		padding: 0 1rem;
+	}
+	.logoutmobile {
+		padding: 0 1rem;
+	}
 }
 
 /* FOR TESTING MOBILE NAV WITHOUT DEVTOOLS */
diff --git a/components/Navigation/Navigation.tsx b/components/Navigation/Navigation.tsx
index 2dec81d..85da3c7 100644
--- a/components/Navigation/Navigation.tsx
+++ b/components/Navigation/Navigation.tsx
@@ -27,7 +27,10 @@ const Navigation = () => {
 						</Link>
 					);
 				})}
-				<div tabIndex={0} className={`${styles.dropdown} ${styles.mobile}`}>
+				<div
+					tabIndex={0}
+					className={`${styles.dropdown} ${styles.mobile} ${styles.menumobile}`}
+				>
 					<Icon icon="Menu" />
 					{/* TUTAJ WSTAWIĆ IKONKĘ PÓŹNIEJ */}
 					<div className={styles.innerdropdown}>
@@ -68,7 +71,7 @@ const Navigation = () => {
 				{!isLoading && user && (
 					<Link
 						href="/api/auth/logout"
-						className={`${styles.link} ${styles.partprofile}`}
+						className={`${styles.link} ${styles.partprofile} ${styles.logoutmobile}`}
 					>
 						<Icon icon="LogOut" />
 					</Link>