From f7f4f9efa86ed731b92bc283cfd2d3b7680f7512 Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Fri, 4 Oct 2024 10:00:52 +0200
Subject: [PATCH] feat(SW-350): Implemented tooltip and booking widget tablet
 design

---
 .../Forms/BookingWidget/FormContent/formContent.module.css     | 3 +--
 components/Forms/BookingWidget/FormContent/index.tsx           | 1 +
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/Forms/BookingWidget/FormContent/formContent.module.css b/components/Forms/BookingWidget/FormContent/formContent.module.css
index 9fa827979..1addcc761 100644
--- a/components/Forms/BookingWidget/FormContent/formContent.module.css
+++ b/components/Forms/BookingWidget/FormContent/formContent.module.css
@@ -71,11 +71,10 @@
 
   .inputContainer input[type="text"] {
     border: none;
-    height: 24px;
+    height: var(--Spacing-x3);
   }
 
   .rooms,
-  .vouchers,
   .when {
     padding: var(--Spacing-x1) var(--Spacing-x-one-and-half);
     border-radius: var(--Corner-radius-Small);
diff --git a/components/Forms/BookingWidget/FormContent/index.tsx b/components/Forms/BookingWidget/FormContent/index.tsx
index 050ad02ee..ec62f1aa6 100644
--- a/components/Forms/BookingWidget/FormContent/index.tsx
+++ b/components/Forms/BookingWidget/FormContent/index.tsx
@@ -1,4 +1,5 @@
 "use client"
+import React from "react"
 import { useWatch } from "react-hook-form"
 import { useIntl } from "react-intl"