From 6b8f9dec5d04f46ea884a7fb55f19466faf7720e Mon Sep 17 00:00:00 2001
From: arifal <arifaldiosdevelopment@gmail.com>
Date: Thu, 21 May 2026 15:30:53 +0700
Subject: [PATCH] fix warning class style

---
 features/email/components/email-row-actions.tsx      | 9 ++++++---
 features/refund/components/refund-policy-section.tsx | 2 +-
 features/trip/components/organizer-trust-panel.tsx   | 6 +++---
 3 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/features/email/components/email-row-actions.tsx b/features/email/components/email-row-actions.tsx
index 2c19d5a..8db4053 100644
--- a/features/email/components/email-row-actions.tsx
+++ b/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>
   );
diff --git a/features/refund/components/refund-policy-section.tsx b/features/refund/components/refund-policy-section.tsx
index ec7614a..efe610f 100644
--- a/features/refund/components/refund-policy-section.tsx
+++ b/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
diff --git a/features/trip/components/organizer-trust-panel.tsx b/features/trip/components/organizer-trust-panel.tsx
index c7befbe..ad0373d 100644
--- a/features/trip/components/organizer-trust-panel.tsx
+++ b/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>