From 3bd1ab1e94e0ab2920ca7c4a5e4631080714ac11 Mon Sep 17 00:00:00 2001
From: tresabhi <43380238+tresabhi@users.noreply.github.com>
Date: Sat, 31 Oct 2026 17:18:48 -0500
Subject: [PATCH] heheheha

---
 .../components/DropdownMenu/index.module.css  | 29 +++++++++++++++++--
 .../components/TankSearchFilters/index.tsx    |  5 ++--
 2 files changed, 28 insertions(+), 6 deletions(-)

diff --git a/packages/website/src/components/DropdownMenu/index.module.css b/packages/website/src/components/DropdownMenu/index.module.css
index 7d86f0141..bed63cad0 100644
--- a/packages/website/src/components/DropdownMenu/index.module.css
+++ b/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 {
diff --git a/packages/website/src/components/TankSearchFilters/index.tsx b/packages/website/src/components/TankSearchFilters/index.tsx
index d750740f4..1293841ac 100644
--- a/packages/website/src/components/TankSearchFilters/index.tsx
+++ b/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>
   );
 }