feat(SW-350): Fix PR comments

components/Forms/BookingWidget/FormContent/Voucher/voucher.module.css

@@ -1,6 +1,3 @@
-.vouchers {
-  display: block;
-}
 .options {
   display: flex;
   flex-direction: column;
@@ -16,7 +13,7 @@
 }
 .vouchers {
   width: 100%;
-
+  display: block;
   padding: var(--Spacing-x1) var(--Spacing-x-one-and-half);
   border-radius: var(--Corner-radius-Small);
 }
@@ -27,8 +24,8 @@
 }
 
 .checkbox {
-  width: var(--Spacing-x3);
-  height: var(--Spacing-x3);
+  width: 24px;
+  height: 24px;
 }
 
 .checkboxVoucher {

components/Forms/BookingWidget/FormContent/formContent.module.css

@@ -8,8 +8,8 @@
 }
 
 .checkbox {
-  width: var(--Spacing-x3);
-  height: var(--Spacing-x3);
+  width: 24px;
+  height: 24px;
 }
 .icon,
 .voucherRow {
@@ -71,7 +71,7 @@
 
   .inputContainer input[type="text"] {
     border: none;
-    height: var(--Spacing-x3);
+    height: 24px;
   }
 
   .rooms,
@@ -104,8 +104,8 @@
   }
   .input .buttonContainer .button {
     padding: var(--Spacing-x1);
-    width: var(--Spacing-x6);
-    height: var(--Spacing-x6);
+    width: 48px;
+    height: 48px;
   }
   .buttonText {
     display: none;

components/Forms/BookingWidget/FormContent/index.tsx

@@ -1,5 +1,4 @@
 "use client"
-import React from "react"
 import { useWatch } from "react-hook-form"
 import { useIntl } from "react-intl"
 

components/Forms/BookingWidget/variants.ts

@@ -10,6 +10,6 @@ export const bookingWidgetVariants = cva(styles.section, {
     },
   },
   defaultVariants: {
-    type: "default",
+    type: "full",
   },
 })