fix: surface

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
+    <Flex {...props}>
-      overflow="hidden"
-      style={{ borderRadius: "var(--radius-full)" }}
-      {...props}
-    >
       <IconButton
+        style={{
+          borderTopRightRadius: 0,
+          borderBottomRightRadius: 0,
+        }}
         disabled={!wargaming}
-        variant={showOwned ? "solid" : "soft"}
+        variant={showOwned ? "solid" : "surface"}
-        radius="none"
         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"}
+        variant={showUnowned ? "solid" : "surface"}
-        radius="none"
         color={showUnowned ? undefined : "gray"}
         highContrast
         onClick={() => {