diff --git a/components/Forms/BookingWidget/FormContent/formContent.module.css b/components/Forms/BookingWidget/FormContent/formContent.module.css
index 767fd6797..59d478236 100644
--- a/components/Forms/BookingWidget/FormContent/formContent.module.css
+++ b/components/Forms/BookingWidget/FormContent/formContent.module.css
@@ -3,6 +3,11 @@
   gap: var(--Spacing-x2);
 }
 
+.input input[type="text"] {
+  border: none;
+  padding: var(--Spacing-x1) var(--Spacing-x0);
+}
+
 .bodyFontSize {
   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 74d8fc4ba..21120b34a 100644
--- a/components/Forms/BookingWidget/FormContent/index.tsx
+++ b/components/Forms/BookingWidget/FormContent/index.tsx
@@ -22,19 +22,19 @@ export default function FormContent() {
         <Body color="red" textTransform="bold" className={styles.bodyFontSize}>
           {where}
         </Body>
-        <input placeholder={where} />
+        <input type="text" placeholder={where} />
       </div>
       <div className={`${styles.when} ${styles.border}`}>
         <Body color="red" textTransform="bold" className={styles.bodyFontSize}>
           {when}
         </Body>
-        <input placeholder={when} />
+        <input type="text" placeholder={when} />
       </div>
       <div className={`${styles.rooms} ${styles.border}`}>
         <Body color="red" textTransform="bold" className={styles.bodyFontSize}>
           {rooms}
         </Body>
-        <input placeholder={rooms} />
+        <input type="text" placeholder={rooms} />
       </div>
       <div className={`${styles.vouchers} ${styles.border}`}>
         <Body
@@ -44,7 +44,7 @@ export default function FormContent() {
         >
           {vouchers}
         </Body>
-        <input placeholder={vouchers} />
+        <input type="text" placeholder={vouchers} />
       </div>
       <div className={styles.options}>
         <div className={styles.option}>
