heheheha

packages/website/src/components/DropdownMenu/index.module.css

@@ -2,6 +2,10 @@
   --gutter: var(--space-5);
 
   min-width: min(calc(100dvw - 2 * var(--space-4)), 16rem);
+  max-height: calc(
+    var(--radix-dropdown-menu-content-available-height) - var(--space-6)
+  );
+  overflow-y: auto;
 
   z-index: 1;
   background-color: var(--gray-2);
@@ -10,18 +14,37 @@
   flex-direction: column;
 
   margin-top: var(--space-3);
+  margin-right: var(--space-4);
 
   box-shadow: var(--shadow-subtle);
-  outline: var(--outline-interactive);
   border-radius: var(--space-3);
-  overflow: hidden;
-
   outline: var(--outline-interactive) !important;
 
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+
+  &::-webkit-scrollbar {
+    display: none;
+  }
+
   .Separator {
+    flex-shrink: 0;
     height: var(--space-3);
   }
 
+  .Label {
+    font-size: var(--font-size-minor);
+
+    color: var(--gray-11);
+
+    padding: var(--space-3);
+    padding-left: var(--gutter);
+
+    * + & {
+      margin-top: var(--space-3);
+    }
+  }
+
   .Item,
   .CheckboxItem,
   .RadioItem {

packages/website/src/components/TankSearchFilters/index.tsx

@@ -20,7 +20,6 @@ import { TankFilters } from "../../stores/tankFilters";
 import { Button } from "../Button";
 import { ClassIcon } from "../ClassIcon";
 import { DropdownMenu } from "../DropdownMenu";
-import { Flex } from "../Flex";
 import { GunTypeIcon } from "../GunTypeIcon";
 import { IconButton } from "../IconButton";
 import { MissingShellIcon } from "../MissingShellIcon";
@@ -715,7 +714,7 @@ function OwnershipFilterInternal() {
   const showUnowned = TankFilters.use((state) => state.showUnowned);
 
   return (
-    <Flex>
+    <div className={styles.grouped}>
       <IconButton
         style={{
           borderTopRightRadius: 0,
@@ -756,7 +755,7 @@ function OwnershipFilterInternal() {
       >
         <LockClosedIcon />
       </IconButton>
-    </Flex>
+    </div>
   );
 }