diff --git a/components/Forms/BookingWidget/FormContent/formContent.module.css b/components/Forms/BookingWidget/FormContent/formContent.module.css
index 59d478236..d60dcb72b 100644
--- a/components/Forms/BookingWidget/FormContent/formContent.module.css
+++ b/components/Forms/BookingWidget/FormContent/formContent.module.css
@@ -8,7 +8,7 @@
   padding: var(--Spacing-x1) var(--Spacing-x0);
 }
 
-.bodyFontSize {
+.fontSize {
   font-size: var(--typography-Caption-Bold-Desktop-fontSize);
 }
 
diff --git a/components/Forms/BookingWidget/FormContent/index.tsx b/components/Forms/BookingWidget/FormContent/index.tsx
index 21120b34a..156578aae 100644
--- a/components/Forms/BookingWidget/FormContent/index.tsx
+++ b/components/Forms/BookingWidget/FormContent/index.tsx
@@ -1,5 +1,4 @@
 "use client"
-
 import { useIntl } from "react-intl"
 
 import Body from "@/components/TempDesignSystem/Text/Body"
@@ -19,19 +18,19 @@ export default function FormContent() {
   return (
     <div className={styles.input}>
       <div className={`${styles.where} ${styles.border}`}>
-        <Body color="red" textTransform="bold" className={styles.bodyFontSize}>
+        <Body color="red" textTransform="bold" className={styles.fontSize}>
           {where}
         </Body>
         <input type="text" placeholder={where} />
       </div>
       <div className={`${styles.when} ${styles.border}`}>
-        <Body color="red" textTransform="bold" className={styles.bodyFontSize}>
+        <Body color="red" textTransform="bold" className={styles.fontSize}>
           {when}
         </Body>
         <input type="text" placeholder={when} />
       </div>
       <div className={`${styles.rooms} ${styles.border}`}>
-        <Body color="red" textTransform="bold" className={styles.bodyFontSize}>
+        <Body color="red" textTransform="bold" className={styles.fontSize}>
           {rooms}
         </Body>
         <input type="text" placeholder={rooms} />
@@ -40,7 +39,7 @@ export default function FormContent() {
         <Body
           color="textMediumContrast"
           textTransform="bold"
-          className={styles.bodyFontSize}
+          className={styles.fontSize}
         >
           {vouchers}
         </Body>
@@ -49,13 +48,13 @@ export default function FormContent() {
       <div className={styles.options}>
         <div className={styles.option}>
           <input type="checkbox" />
-          <Body color="textMediumContrast" className={styles.bodyFontSize}>
+          <Body color="textMediumContrast" className={styles.fontSize}>
             {bonus}
           </Body>
         </div>
         <div className={styles.option}>
           <input type="checkbox" />
-          <Body color="textMediumContrast" className={styles.bodyFontSize}>
+          <Body color="textMediumContrast" className={styles.fontSize}>
             {reward}
           </Body>
         </div>
