From 93bb13f51fcfd17e42b1346bf4b15fa68de80b8f Mon Sep 17 00:00:00 2001
From: Developing-Gamer <maxcodes11110@gmail.com>
Date: Wed, 27 May 2026 12:31:14 -0700
Subject: [PATCH] Refine country code select styling.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 apps/dashboard/src/components/country-code-select.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/apps/dashboard/src/components/country-code-select.tsx b/apps/dashboard/src/components/country-code-select.tsx
index 141e25057..4d7b4380c 100644
--- a/apps/dashboard/src/components/country-code-select.tsx
+++ b/apps/dashboard/src/components/country-code-select.tsx
@@ -1,13 +1,13 @@
 "use client";
 
-import { cn } from "@/lib/utils";
+import { DesignInput } from "@/components/design-components";
 import {
   FormControl,
   FormField,
   FormItem,
   FormMessage,
-  Input,
 } from "@/components/ui";
+import { cn } from "@/lib/utils";
 import { FieldLabel } from "@/components/form-fields";
 import { useEffect, useState } from "react";
 import { Control, FieldValues, Path } from "react-hook-form";
@@ -34,7 +34,7 @@ export function CountryCodeInput({
   }, [value]);
 
   return (
-    <Input
+    <DesignInput
       value={draftValue}
       onChange={(e) => {
         const val = e.target.value.toUpperCase().replace(/[^A-Z]/g, "").slice(0, 2);
@@ -44,6 +44,7 @@ export function CountryCodeInput({
       placeholder={placeholder}
       disabled={disabled}
       maxLength={2}
+      size="sm"
       className={cn("font-mono", className)}
     />
   );