fix: few ui fixes on booking page (#17383)

packages/features/bookings/components/event-meta/AvailableEventLocations.tsx

@@ -34,7 +34,7 @@ function RenderIcon({
   return (
     <img
       src={eventLocationType.iconUrl}
-      className={classNames(invertLogoOnDark(eventLocationType?.iconUrl, false), "me-[10px] h-4 w-4")}
+      className={classNames(invertLogoOnDark(eventLocationType?.iconUrl, isTooltip), "me-[10px] h-4 w-4")}
       alt={`${eventLocationType.label} icon`}
     />
   );

packages/features/form-builder/FormBuilderField.tsx

@@ -152,7 +152,7 @@ const WithLabel = ({
           field.type !== "multiemail" &&
           field.label && (
             <div className="mb-2 flex items-center">
-              <Label className="!mb-0 flex" htmlFor={htmlFor}>
+              <Label className="!mb-0 flex items-center" htmlFor={htmlFor}>
                 <span>{field.label}</span>
                 <span className="text-emphasis -mb-1 ml-1 text-sm font-medium leading-none">
                   {!readOnly && field.required ? "*" : ""}

packages/ui/form/PhoneInput.tsx

@@ -38,7 +38,7 @@ function BasePhoneInput({ name, className = "", onChange, value, ...rest }: Phon
         "hover:border-emphasis dark:focus:border-emphasis border-default !bg-default rounded-md border focus-within:outline-none focus-within:ring-2 focus-within:ring-brand-default disabled:cursor-not-allowed",
         className
       )}
-      inputClass="text-sm focus:ring-0 !bg-default text-default"
+      inputClass="text-sm focus:ring-0 !bg-default text-default placeholder:text-muted"
       buttonClass="text-emphasis !bg-default hover:!bg-emphasis"
       searchClass="!text-default !bg-default hover:!bg-emphasis"
       dropdownClass="!text-default !bg-default"