diff --git a/src/views/Chores/ActivitesCard.jsx b/src/views/Chores/ActivitesCard.jsx
index f3088b7..b64ae3c 100644
--- a/src/views/Chores/ActivitesCard.jsx
+++ b/src/views/Chores/ActivitesCard.jsx
@@ -274,7 +274,9 @@ const groupActivitiesByDate = activities => {
   return groups
 }
 
-const ActivitiesCard = ({ title = t('activity.title') }) => {
+const ActivitiesCard = ({ title }) => {
+  const { t } = useTranslation('chores')
+  const displayTitle = title || t('activity.title')
   const [noteViewerConfig, setNoteViewerConfig] = useState({ isOpen: false })
 
   // Use hooks to fetch data
@@ -323,7 +325,7 @@ const ActivitiesCard = ({ title = t('activity.title') }) => {
         }}
       >
         <Box sx={{ display: 'flex', alignItems: 'center', gap: 1, mb: 2 }}>
-          <Typography level='title-md'>{title}</Typography>
+          <Typography level='title-md'>{displayTitle}</Typography>
         </Box>
         <Box
           sx={{
@@ -380,7 +382,7 @@ const ActivitiesCard = ({ title = t('activity.title') }) => {
       >
         <Box sx={{ display: 'flex', alignItems: 'center', gap: 1, mb: 2 }}>
           <EventNote color='' />
-          <Typography level='title-md'>{title}</Typography>
+          <Typography level='title-md'>{displayTitle}</Typography>
         </Box>
         <Box
           sx={{
@@ -425,7 +427,7 @@ const ActivitiesCard = ({ title = t('activity.title') }) => {
         >
           <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>
             <EventNote color='' />
-            <Typography level='title-md'>{title}</Typography>
+            <Typography level='title-md'>{displayTitle}</Typography>
           </Box>
           <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>
             <Chip size='sm' variant='soft' color='neutral'>
diff --git a/src/views/ChoresOverview.jsx b/src/views/ChoresOverview.jsx
index 92cf309..1d8bef3 100644
--- a/src/views/ChoresOverview.jsx
+++ b/src/views/ChoresOverview.jsx
@@ -33,7 +33,6 @@ import DateModal from './Modals/Inputs/DateModal'
 
 // enum for chore status:
 const CHORE_STATUS = {
-  const { t } = useTranslation('chores')
   NO_DUE_DATE: 'No due date',
   DUE_SOON: 'Soon',
   DUE_NOW: 'Due',
@@ -41,6 +40,7 @@ const CHORE_STATUS = {
 }
 
 const ChoresOverview = () => {
+  const { t } = useTranslation('chores')
   const [chores, setChores] = useState([])
   const [filteredChores, setFilteredChores] = useState([])
   const [performers, setPerformers] = useState([])