fixed sidebar heights

src/components/profile/ProfileSidebarSettings/index.tsx

@@ -11,6 +11,7 @@ const ProfileSidebarSettings: FC<IProps> = () => (
     <div className={styles.scroller}>
       <ProfileSettings />
     </div>
+
     <div className={styles.buttons}>
       <Filler />
       <Button color="outline">Отмена</Button>

src/components/profile/ProfileSidebarSettings/styles.module.scss

@@ -17,7 +17,6 @@
 .buttons {
   width: 100%;
   padding: $gap;
-  box-shadow: $sidebar_border 0 -1px;
   box-sizing: border-box;
   display: grid;
   grid-template-columns: 1fr auto auto;

src/components/sidebar/SidebarStackCard/index.tsx

@@ -23,7 +23,7 @@ const SidebarStackCard: FC<SidebarStackCardProps> = ({ children, title, width, h
         </div>
       )}
 
-      <Filler>{children}</Filler>
+      <div className={styles.content}>{children}</div>
     </div>
   );
 };

src/components/sidebar/SidebarStackCard/styles.module.scss

@@ -3,8 +3,11 @@
 .card {
   width: 100vw;
   max-width: 400px;
-  flex-basis: 400px;
-  flex: 1;
+  flex: 1 1 400px;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  min-height: 0;
 }
 
 .head {
@@ -15,3 +18,9 @@
   align-items: center;
   padding: $gap $gap $gap $gap * 2;
 }
+
+.content {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}