edit small screen layout

src/app/styles/header.scss

@@ -14,11 +14,19 @@
 		padding: 20px 20px;
 	}
 
+	@media (max-width: 440px) {
+		padding: 10px 10px;
+	}
+
 	.header-action {
 		display: flex;
 		align-items: center;
 		gap: 15px;
 
+		@media (max-width: 440px) {
+			gap: 10px;
+		}
+
 		.icon-btn {
 			width: 40px;
 			height: 40px;
@@ -36,6 +44,11 @@
 				background: v.$bg-hover;
 				transform: translateY(-2px);
 			}
+
+			@media (max-width: 440px) {
+				width: 30px;
+				height: 30px;
+			}
 		}
 	}
 
@@ -68,12 +81,20 @@
 		@media (max-width: 490px) {
 			padding: 8px;
 		}
+
+		@media (max-width: 440px) {
+			padding: 8px;
+		}
 	}
 
 	.tokens-count {
 		font-weight: 700;
 		font-size: 14px;
 		letter-spacing: 0.5px;
+
+		@media (max-width: 440px) {
+			font-size: 12px;
+		}
 	}
 
 	.tokens-label {
@@ -192,6 +213,11 @@
 			cursor: pointer;
 			transition: all 0.3s;
 			text-transform: uppercase;
+
+			@media (max-width: 440px) {
+				width: 30px;
+				height: 30px;
+			}
 		}
 
 		.user-dropdown {