diff --git a/frontend/src/component/user/Profile/ProfileTab/ProfileTab.tsx b/frontend/src/component/user/Profile/ProfileTab/ProfileTab.tsx
index b114af6dce..29bcaae739 100644
--- a/frontend/src/component/user/Profile/ProfileTab/ProfileTab.tsx
+++ b/frontend/src/component/user/Profile/ProfileTab/ProfileTab.tsx
@@ -251,9 +251,9 @@ export const ProfileTab = ({ user }: IProfileTabProps) => {
                             })}
                         </Select>
                     </StyledFormControl>
-                    <span id={exampleDateId}>
+                    <Typography id={exampleDateId}>
                         Example: {formatDateYMDHM(exampleDate, currentLocale)}
-                    </span>
+                    </Typography>
                 </LocaleSelector>
                 {productivityReportEmailEnabled ? (
                     <>