edit small screen layout

src/app/styles/global-styles.scss

@@ -41,6 +41,10 @@
 	color: v.$white;
 	max-width: calc(100vw - var(--side-bar-width) - 60px);
 
+	@media (max-width: 440px) {
+		max-width: calc(100vw - var(--side-bar-width) - 30px);
+	}
+
 	h1 {
 		font-size: 2rem;
 		font-weight: 700;
@@ -73,6 +77,10 @@
 			display: flex;
 			gap: 28px;
 			align-items: center;
+
+			@media (max-width: 440px) {
+				flex-direction: column;
+			}
 		}
 
 		.header-stat-item {
@@ -101,6 +109,10 @@
 	padding: 30px;
 	background: v.$bg-light;
 	min-height: 100vh;
+
+	@media (max-width: 440px) {
+		padding: 15px;
+	}
 }
 
 .main-containter {
@@ -121,6 +133,10 @@
 	&.auto {
 		width: auto;
 	}
+
+	@media (max-width: 440px) {
+		max-width: calc(100vw - var(--side-bar-width) - 30px);
+	}
 }
 
 .btn {