diff --git a/packages/website/src/components/Tankopedia/HeroSection/components/Options/index.tsx b/packages/website/src/components/Tankopedia/HeroSection/components/Options/index.tsx
index 4a294217e..a152040e9 100644
--- a/packages/website/src/components/Tankopedia/HeroSection/components/Options/index.tsx
+++ b/packages/website/src/components/Tankopedia/HeroSection/components/Options/index.tsx
@@ -382,6 +382,13 @@ export function Options({ thicknessRange, canvas }: OptionsProps) {
                 </Flex>
               </Tooltip>
             </SegmentedControl.Item>
+            <SegmentedControl.Item value={`${TankopediaDisplay.ShootingRange}`}>
+              <Tooltip content="Shooting range">
+                <Flex height="100%" align="center">
+                  <img src={imgur('q8ZPfzG')} style={{ height: '1.25em' }} />
+                </Flex>
+              </Tooltip>
+            </SegmentedControl.Item>
           </SegmentedControl.Root>
 
           <DropdownMenu.Root>
diff --git a/packages/website/src/stores/tankopediaPersistent/constants.ts b/packages/website/src/stores/tankopediaPersistent/constants.ts
index 9e38a73af..f06f1d624 100644
--- a/packages/website/src/stores/tankopediaPersistent/constants.ts
+++ b/packages/website/src/stores/tankopediaPersistent/constants.ts
@@ -68,4 +68,5 @@ export enum TankopediaDisplay {
   Model,
   DynamicArmor,
   StaticArmor,
+  ShootingRange,
 }