diff --git a/src/pages/service/components/ServiceHeader.tsx b/src/pages/service/components/ServiceHeader.tsx
index be12bb5..8a03aba 100644
--- a/src/pages/service/components/ServiceHeader.tsx
+++ b/src/pages/service/components/ServiceHeader.tsx
@@ -8,7 +8,7 @@ import { ArrowLeft } from 'iconsax-react'
 const ServiceHeader: FC = () => {
 
     const { t } = useTranslation('global')
-    const [planSelected, setPlanSelected] = useState('year')
+    const [planSelected, setPlanSelected] = useState<string | boolean>('year')
 
     return (
         <div className='w-full p-6 bg-white rounded-3xl flex xl:flex-row flex-col xl:justify-between'>