diff --git a/web/components/add-funds-button.tsx b/web/components/add-funds-button.tsx
index 521bc045..65b716a6 100644
--- a/web/components/add-funds-button.tsx
+++ b/web/components/add-funds-button.tsx
@@ -18,11 +18,11 @@ export function AddFundsButton(props: { className?: string }) {
       <label
         htmlFor="add-funds"
         className={clsx(
-          'btn btn-xs btn-ghost normal-case modal-button font-normal border-none',
+          'btn btn-xs btn-outline normal-case modal-button font-normal',
           className
         )}
       >
-        (add funds)
+        Add funds
       </label>
       <input type="checkbox" id="add-funds" className="modal-toggle" />