diff --git a/src/components/HSegmentedControl.tsx b/src/components/HSegmentedControl.tsx
index e42b7f7..f45f169 100644
--- a/src/components/HSegmentedControl.tsx
+++ b/src/components/HSegmentedControl.tsx
@@ -4,13 +4,13 @@ import { useCallback, useRef, useState } from 'react';
 import type { Option } from '../models';
 import styles from './HSegmentedControl.module.css';
 
-type SegmentedConttrolProps = {
+type HSegmentedControlProps = {
   options?: Option[];
   value?: Option['value'];
   onChange?: (value: Option['value']) => void;
 };
 
-export function HSegmentedControl({ options = [], value, onChange }: SegmentedConttrolProps) {
+export function HSegmentedControl({ options = [], value, onChange }: HSegmentedControlProps) {
   const [selected, setSelected] = useState(value ?? options[0].value ?? null);
   const [sliderPosition, setSliderPosition] = useState(0);
   const [sliderWidth, setSliderWidth] = useState(0);