From ba41a6f708aca5c7f9dea9f5849a29b65c1e28ad Mon Sep 17 00:00:00 2001 From: saridsa2 Date: Tue, 31 Mar 2026 14:42:21 +0530 Subject: [PATCH] =?UTF-8?q?fix:=20PinInput=20separator=20not=20vertically?= =?UTF-8?q?=20centered=20=E2=80=94=20add=20items-center=20to=20Group=20con?= =?UTF-8?q?tainer?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: Claude Opus 4.6 (1M context) --- src/components/base/pin-input/pin-input.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/base/pin-input/pin-input.tsx b/src/components/base/pin-input/pin-input.tsx index ff68188..2a9d31f 100644 --- a/src/components/base/pin-input/pin-input.tsx +++ b/src/components/base/pin-input/pin-input.tsx @@ -65,7 +65,7 @@ const Group = ({ inputClassName, containerClassName, width, maxLength = 4, ...pr aria-label="Enter your pin" aria-labelledby={"pin-input-label-" + id} aria-describedby={"pin-input-description-" + id} - containerClassName={cx("flex flex-row gap-3", size === "sm" && "gap-2", heights[size], containerClassName)} + containerClassName={cx("flex flex-row items-center gap-3", size === "sm" && "gap-2", heights[size], containerClassName)} className={cx("w-full! disabled:cursor-not-allowed", inputClassName)} /> );