From 88cf535c8e277dc459908951f3f27c7493285c1f Mon Sep 17 00:00:00 2001
From: Nafees Nazik <84864519+G3root@users.noreply.github.com>
Date: Wed, 19 Apr 2023 18:32:26 +0530
Subject: [PATCH] fix: address input (#8352)

---
 packages/ui/form/AddressInput.tsx | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/packages/ui/form/AddressInput.tsx b/packages/ui/form/AddressInput.tsx
index 1c331c87cb..75ee6acf33 100644
--- a/packages/ui/form/AddressInput.tsx
+++ b/packages/ui/form/AddressInput.tsx
@@ -1,4 +1,6 @@
-import { Input } from "../components/form/inputs/Input";
+import cx from "@calcom/lib/classNames";
+
+import { Input } from "../components/form";
 import { MapPin } from "../components/icon";
 
 export type AddressInputProps = {
@@ -10,17 +12,17 @@ export type AddressInputProps = {
   className?: string;
 };
 
-function AddressInput({ className = "", value, onChange, ...rest }: AddressInputProps) {
+function AddressInput({ value, onChange, ...rest }: AddressInputProps) {
   return (
-    <div className="relative ">
-      <MapPin className="text-emphasis absolute top-1/2 left-0.5 ml-3 h-4 -translate-y-1/2" />
+    <div className="relative flex items-center">
+      <MapPin className="text-muted absolute left-0.5 ml-3 h-4 w-4 -translate-y-1/2" style={{ top: "44%" }} />
       <Input
         {...rest}
         value={value}
         onChange={(e) => {
           onChange(e.target.value);
         }}
-        className={`${className} py-px pl-10`}
+        className={cx("pl-10", rest?.className)}
       />
     </div>
   );