fix warning class style

features/email/components/email-row-actions.tsx

@@ -3,7 +3,10 @@
 import { useState } from "react";
 import { useRouter } from "next/navigation";
 import { Check } from "lucide-react";
-import { retryEmailJobAction, resendEmailAction } from "@/features/email/actions";
+import {
+  retryEmailJobAction,
+  resendEmailAction,
+} from "@/features/email/actions";
 
 const BTN_CLS =
   "rounded-lg border border-primary-200 bg-primary-50 px-2.5 py-1 text-[11px] font-semibold text-primary-700 transition-colors hover:bg-primary-100 disabled:cursor-not-allowed disabled:opacity-50";
@@ -37,7 +40,7 @@ export function RetryEmailButton({ jobId }: { jobId: string }) {
         {loading ? "Mengirim…" : "Kirim ulang"}
       </button>
       {error && (
-        <p className="mt-1 max-w-[200px] text-[10px] text-red-600">{error}</p>
+        <p className="mt-1 max-w-50 text-[10px] text-red-600">{error}</p>
       )}
     </div>
   );
@@ -100,7 +103,7 @@ export function ResendEmailButton({
         )}
       </button>
       {error && (
-        <p className="mt-1 max-w-[200px] text-[10px] text-red-600">{error}</p>
+        <p className="mt-1 max-w-50 text-[10px] text-red-600">{error}</p>
       )}
     </div>
   );

features/refund/components/refund-policy-section.tsx

@@ -28,7 +28,7 @@ export function RefundPolicySection() {
           {tiers.map((t) => (
             <li key={t.minDaysBefore} className="flex items-baseline gap-2">
               <span
-                className={`inline-flex min-w-[3rem] justify-center rounded-full px-2 py-0.5 text-[10px] font-bold ${
+                className={`inline-flex min-w-12 justify-center rounded-full px-2 py-0.5 text-[10px] font-bold ${
                   t.refundPercentage >= 80
                     ? "bg-primary-100 text-primary-700"
                     : t.refundPercentage >= 50

features/trip/components/organizer-trust-panel.tsx

@@ -56,7 +56,7 @@ export function OrganizerTrustPanel({
           </div>
         </div>
         <div className="flex flex-1 flex-wrap gap-3 border-t border-neutral-100 pt-3 sm:border-t-0 sm:border-l sm:pl-4 sm:pt-0">
-          <div className="min-w-[100px] rounded-lg bg-white/80 px-3 py-2 shadow-sm ring-1 ring-neutral-100">
+          <div className="min-w-25 rounded-lg bg-white/80 px-3 py-2 shadow-sm ring-1 ring-neutral-100">
             <p className="text-[10px] font-medium text-neutral-500 sm:text-xs">
               Trip selesai
             </p>
@@ -69,7 +69,7 @@ export function OrganizerTrustPanel({
               </p>
             )}
           </div>
-          <div className="min-w-[100px] rounded-lg bg-white/80 px-3 py-2 shadow-sm ring-1 ring-neutral-100">
+          <div className="min-w-25 rounded-lg bg-white/80 px-3 py-2 shadow-sm ring-1 ring-neutral-100">
             <p className="text-[10px] font-medium text-neutral-500 sm:text-xs">
               Peserta dilayani
             </p>
@@ -77,7 +77,7 @@ export function OrganizerTrustPanel({
               {trust.totalParticipantsServed}
             </p>
           </div>
-          <div className="min-w-[100px] rounded-lg bg-white/80 px-3 py-2 shadow-sm ring-1 ring-neutral-100">
+          <div className="min-w-25 rounded-lg bg-white/80 px-3 py-2 shadow-sm ring-1 ring-neutral-100">
             <p className="text-[10px] font-medium text-neutral-500 sm:text-xs">
               Rating organizer
             </p>