diff --git a/apps/edr-freight-web/portal/src/pages/billing/InvoiceDetailPage.tsx b/apps/edr-freight-web/portal/src/pages/billing/InvoiceDetailPage.tsx
index a06c4c775..5dca05b15 100644
--- a/apps/edr-freight-web/portal/src/pages/billing/InvoiceDetailPage.tsx
+++ b/apps/edr-freight-web/portal/src/pages/billing/InvoiceDetailPage.tsx
@@ -10,7 +10,6 @@ import {
   Group,
   Loader,
   Paper,
-  Select,
   SimpleGrid,
   Stack,
   Table,
@@ -24,7 +23,6 @@ import {
   ExternalLink,
   Receipt,
 } from "lucide-react";
-import { useState } from "react";
 import toast from "react-hot-toast";
 
 import { api } from "@/services/api";
@@ -67,7 +65,9 @@ function MetaItem({ label, value }: { label: string; value: string }) {
 export default function InvoiceDetailPage() {
   const { id = "" } = useParams();
   const navigate = useNavigate();
-  const [paymentMethod, setPaymentMethod] = useState<"TELEBIRR" | "WAAFI">("TELEBIRR");
+  const [paymentMethod, setPaymentMethod] = useState<"TELEBIRR" | "WAAFI">(
+    "TELEBIRR",
+  );
 
   const {
     data: invoice,