From 6ade1bc639c163a34c6c23b510e9a016f0abad4d Mon Sep 17 00:00:00 2001
From: saridsa2 <s.satya.suman@globaluniversityfoundation.com>
Date: Tue, 31 Mar 2026 14:51:59 +0530
Subject: [PATCH] =?UTF-8?q?fix:=20PinInput=20separator=20=E2=80=94=20en=20?=
 =?UTF-8?q?dash=20+=20translate=20nudge=20for=20visual=20centering?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/components/base/pin-input/pin-input.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/base/pin-input/pin-input.tsx b/src/components/base/pin-input/pin-input.tsx
index 6cbffba..56338b7 100644
--- a/src/components/base/pin-input/pin-input.tsx
+++ b/src/components/base/pin-input/pin-input.tsx
@@ -115,8 +115,8 @@ const FakeCaret = ({ size = "md" }: { size?: "sm" | "md" | "lg" }) => {
 
 const Separator = (props: ComponentPropsWithRef<"p">) => {
     return (
-        <div role="separator" {...props} className={cx("flex items-center justify-center text-display-xl font-medium leading-none text-placeholder_subtle", props.className)}>
-            -
+        <div role="separator" {...props} className={cx("flex items-center justify-center text-display-xl font-medium leading-none text-placeholder_subtle -translate-y-0.5", props.className)}>
+            &ndash;
         </div>
     );
 };