diff --git a/app/(dashboard)/billing/_components/buy-credits-modal.tsx b/app/(dashboard)/billing/_components/buy-credits-modal.tsx
index d3c31a7..1b14d5a 100644
--- a/app/(dashboard)/billing/_components/buy-credits-modal.tsx
+++ b/app/(dashboard)/billing/_components/buy-credits-modal.tsx
@@ -33,7 +33,7 @@ type AmountOptionButtonProps = {
 };
 
 const amountOptionBaseClassName =
-  "flex h-9 w-[72px] items-center justify-center border px-6 text-[12px] leading-4 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#8e51ff]/25";
+  "flex h-9 min-w-[72px] shrink-0 items-center justify-center whitespace-nowrap border px-6 text-[12px] leading-4 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#8e51ff]/25";
 
 const AmountOptionButton = ({ isSelected, label, onClick }: AmountOptionButtonProps) => {
   return (