From bdaf6e662cb323773eddf8685e44d4298ecf6e97 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=C3=A8sAbhi?= <43380238+tresabhi@users.noreply.github.com>
Date: Wed, 31 Dec 2025 13:40:34 -0600
Subject: [PATCH] fix: surface

---
 .../TankSearch/components/FilterControl.tsx   | 21 +++++++++++--------
 1 file changed, 12 insertions(+), 9 deletions(-)

diff --git a/packages/website/src/components/TankSearch/components/FilterControl.tsx b/packages/website/src/components/TankSearch/components/FilterControl.tsx
index fba0b8019..a164bb836 100644
--- a/packages/website/src/components/TankSearch/components/FilterControl.tsx
+++ b/packages/website/src/components/TankSearch/components/FilterControl.tsx
@@ -615,15 +615,14 @@ function OwnershipFilterInternal(props: FlexProps) {
   const showUnowned = TankFilters.use((state) => state.showUnowned);
 
   return (
-    <Flex
-      overflow="hidden"
-      style={{ borderRadius: "var(--radius-full)" }}
-      {...props}
-    >
+    <Flex {...props}>
       <IconButton
+        style={{
+          borderTopRightRadius: 0,
+          borderBottomRightRadius: 0,
+        }}
         disabled={!wargaming}
-        variant={showOwned ? "solid" : "soft"}
-        radius="none"
+        variant={showOwned ? "solid" : "surface"}
         color={showOwned ? undefined : "gray"}
         highContrast
         onClick={() => {
@@ -636,9 +635,13 @@ function OwnershipFilterInternal(props: FlexProps) {
       </IconButton>
 
       <IconButton
+        style={{
+          borderTopLeftRadius: 0,
+          borderBottomLeftRadius: 0,
+          marginLeft: "-1px",
+        }}
         disabled={!wargaming}
-        variant={showUnowned ? "solid" : "soft"}
-        radius="none"
+        variant={showUnowned ? "solid" : "surface"}
         color={showUnowned ? undefined : "gray"}
         highContrast
         onClick={() => {