diff --git a/packages/website/src/components/TankSearch/components/FilterControl.tsx b/packages/website/src/components/TankSearch/components/FilterControl.tsx
index 9ca89f958..d9308e416 100644
--- a/packages/website/src/components/TankSearch/components/FilterControl.tsx
+++ b/packages/website/src/components/TankSearch/components/FilterControl.tsx
@@ -345,7 +345,7 @@ function ClassFilter() {
checked={selected}
key={tankClass}
>
-
+
{strings.common.tank_class_medium[tankClass]}
@@ -423,7 +423,7 @@ function GunTypeFilter() {
checked={selected}
key={gunType}
>
-
+
{strings.common.gun_types[gunType]}
@@ -506,8 +506,8 @@ function TypeFilter() {
tankType === TankType.RESEARCHABLE ? "12" : "11"
})`,
opacity: 1,
- width: "1em",
- height: "1em",
+ width: "1.25em",
+ height: "1.25em",
}}
/>
@@ -600,7 +600,9 @@ function IndividualShellFilter({
{
+ onClick={(event) => {
+ event.preventDefault();
+
const mutated = [...shells] as TankFilters["shells"];
mutated[index] = selected ? null : shellType;
@@ -617,7 +619,7 @@ function IndividualShellFilter({
premium ? "_premium" : ""
}.webp`
)}
- style={{ width: "1em", height: "1em" }}
+ style={{ width: "1.25em", height: "1.25em" }}
/>
{
@@ -630,6 +632,26 @@ function IndividualShellFilter({
);
})}
+
+
+
+ {
+ event.preventDefault();
+
+ const mutated = [...shells] as TankFilters["shells"];
+
+ mutated[index] = null;
+
+ TankFilters.mutate((draft) => {
+ draft.shells = mutated;
+ });
+ }}
+ >
+
+ {strings.website.common.tank_search.clear}
+
@@ -805,8 +827,8 @@ function ConsumablesFilter() {
>
})