From 596d8eb3269c3f5fb32909c333b4cd0ee5536e29 Mon Sep 17 00:00:00 2001
From: Andre H <andrehadiantolesmana@gmail.com>
Date: Fri, 1 Mar 2024 13:49:30 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A7=20chore:=20add=20flex=20to=20Input?=
 =?UTF-8?q?=20and=20Select?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/frontend/src/components/shared/Input/Input.tsx   | 2 +-
 packages/frontend/src/components/shared/Select/Select.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/frontend/src/components/shared/Input/Input.tsx b/packages/frontend/src/components/shared/Input/Input.tsx
index 5bd5265c..a5228890 100644
--- a/packages/frontend/src/components/shared/Input/Input.tsx
+++ b/packages/frontend/src/components/shared/Input/Input.tsx
@@ -87,7 +87,7 @@ export const Input = ({
   );
 
   return (
-    <div className="gap-y-2">
+    <div className="flex flex-col gap-y-2">
       {renderLabels}
       <div className={containerCls({ class: className })}>
         {leftIcon && renderLeftIcon}
diff --git a/packages/frontend/src/components/shared/Select/Select.tsx b/packages/frontend/src/components/shared/Select/Select.tsx
index 6e53ee5c..6449449b 100644
--- a/packages/frontend/src/components/shared/Select/Select.tsx
+++ b/packages/frontend/src/components/shared/Select/Select.tsx
@@ -287,7 +287,7 @@ export const Select = ({
   const renderLabels = useMemo(() => {
     if (!label && !description) return null;
     return (
-      <div className="gap-y-1">
+      <div className="flex flex-col gap-y-1">
         <p className={theme.label()}>{label}</p>
         <p className={theme.description()}>{description}</p>
       </div>