style: do inputs design modification

src/app/(modules)/tenants/components/TenantSheet.tsx

@@ -108,7 +108,9 @@ export function TenantSheet({
               <Label>Client</Label>
               <Select value={clientId} onValueChange={onClientChange} disabled={isLookupsLoading}>
                 <SelectTrigger>
-                  <SelectValue placeholder={isLookupsLoading ? 'Loading clients...' : 'Select client'} />
+                  <SelectValue
+                    placeholder={isLookupsLoading ? 'Loading clients...' : 'Select client'}
+                  />
                 </SelectTrigger>
                 <SelectContent>
                   {clients.map((client) => (
@@ -123,7 +125,9 @@ export function TenantSheet({
               <Label>Subscription Plan</Label>
               <Select value={planId} onValueChange={onPlanChange} disabled={isLookupsLoading}>
                 <SelectTrigger>
-                  <SelectValue placeholder={isLookupsLoading ? 'Loading plans...' : 'Select plan'} />
+                  <SelectValue
+                    placeholder={isLookupsLoading ? 'Loading plans...' : 'Select plan'}
+                  />
                 </SelectTrigger>
                 <SelectContent>
                   {plans.map((plan) => (
@@ -147,7 +151,7 @@ export function TenantSheet({
                 id="tenant-description"
                 placeholder="North zone operations"
                 {...register('description')}
-                className="min-h-20 w-full rounded-md border border-input bg-background px-3 py-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+                className="min-h-20 w-full rounded-md border border-input bg-background px-3 py-2 outline-none focus-visible:border-ring"
               />
             </div>
           </div>