diff --git a/src/components/Calendar/CalendarName.tsx b/src/components/Calendar/CalendarName.tsx
index 0fc82c8..5939398 100644
--- a/src/components/Calendar/CalendarName.tsx
+++ b/src/components/Calendar/CalendarName.tsx
@@ -34,7 +34,7 @@ export function CalendarName({ calendar }: { calendar: Calendar }) {
         }}
       />
       <Box style={{ display: "flex", flexDirection: "column" }}>
-        <Typography sx={{ wordBreak: "break-word" }}>
+        <Typography variant="body2" sx={{ wordBreak: "break-word" }}>
           {renameDefault(calendar.name, ownerDisplayName, t, isOwnCalendar)}
         </Typography>
         <OwnerCaption
diff --git a/src/components/Event/EventFormFields.tsx b/src/components/Event/EventFormFields.tsx
index a384f87..5b28bb6 100644
--- a/src/components/Event/EventFormFields.tsx
+++ b/src/components/Event/EventFormFields.tsx
@@ -808,7 +808,7 @@ export default function EventFormFields({
           >
             {selectedCalendar?.name ? (
               <Box style={{ display: "flex", flexDirection: "column" }}>
-                <Typography sx={{ wordBreak: "break-word" }}>
+                <Typography variant="body2" sx={{ wordBreak: "break-word" }}>
                   {renameDefault(
                     selectedCalendar.name,
                     selectedOwnerDisplayName,