From 94eee8b913b027cec90429123876c825283252ef Mon Sep 17 00:00:00 2001
From: Ephraim Atta-Duncan <ephraimduncan68@gmail.com>
Date: Fri, 16 Feb 2024 20:49:52 +0000
Subject: [PATCH] chore: change font family

---
 packages/ui/primitives/pin-input.tsx | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/packages/ui/primitives/pin-input.tsx b/packages/ui/primitives/pin-input.tsx
index b29d64376..9f579288c 100644
--- a/packages/ui/primitives/pin-input.tsx
+++ b/packages/ui/primitives/pin-input.tsx
@@ -30,13 +30,12 @@ const PinInput = ({ id, autoFocus, state, onSubmit }: PinInputProps) => {
       inputClassName="caret-transparent selection:bg-transparent ring:ring-2"
       autoFocus={autoFocus}
       length={6}
-      fontFamily="Inter"
-      fontSize="36px"
+      fontSize="30px"
       readOnly={state !== 'input'}
       disabled={state === 'loading'}
       inputRef={inputRef}
       padding={'14px'}
-      spacing={'18px'}
+      spacing={'24px'}
       spellCheck={false}
       inputMode="numeric"
       pattern="[0-9]*"
@@ -69,8 +68,7 @@ const PinInput = ({ id, autoFocus, state, onSubmit }: PinInputProps) => {
           >
             <div
               className={cn({
-                'm-[5px] flex-1 rounded-sm bg-[var(--segment-color)] opacity-[0.15625]':
-                  isSelection,
+                'm-[5px] flex-1 rounded-sm opacity-[0.15625]': isSelection,
                 'mx-auto  my-2 flex-[0_0_2px] animate-[blink-caret_1.2s_step-end_infinite] justify-self-center bg-black':
                   isCaret,
               })}