diff --git a/src/components/forms/component/input.tsx b/src/components/forms/component/input.tsx
index 0a060f1..548f936 100644
--- a/src/components/forms/component/input.tsx
+++ b/src/components/forms/component/input.tsx
@@ -10,7 +10,7 @@ interface Props extends ComponentPropsWithoutRef<"input"> {
 export const Input = forwardRef<HTMLInputElement, Props>(
   ({ id, label, error, ...rest }, ref) => {
     const inputClasses = clsx(
-      "block w-full rounded-lg focus:outline-none shadow-sm sm:text-sm border py-2 px-3",
+      "block w-full rounded-lg focus:outline-none shadow-sm sm:text-sm border py-2 px-3 bg-white",
       {
         "border-red-300 focus:border-red-500 focus:ring-red-500": error,
         "border-gray-300 focus:border-wsg-orange-500 focus:ring-wsg-orange-500":
diff --git a/src/components/forms/component/select.tsx b/src/components/forms/component/select.tsx
index bf685cb..3efdf6b 100644
--- a/src/components/forms/component/select.tsx
+++ b/src/components/forms/component/select.tsx
@@ -11,7 +11,7 @@ interface Props extends ComponentPropsWithoutRef<"select"> {
 export const Select = forwardRef<HTMLSelectElement, Props>(
   ({ id, label, error, children, ...rest }, ref) => {
     const inputClasses = clsx(
-      "block w-full rounded-lg focus:outline-none shadow-sm sm:text-sm border py-2 px-3",
+      "block w-full rounded-lg focus:outline-none shadow-sm sm:text-sm border py-2 px-3 bg-white",
       {
         "border-red-300 focus:border-red-500 focus:ring-red-500": error,
         "border-gray-300 focus:border-wsg-orange-500 focus:ring-wsg-orange-500":