diff --git a/web/components/limit-bets.tsx b/web/components/limit-bets.tsx
index 49578fba..254962cb 100644
--- a/web/components/limit-bets.tsx
+++ b/web/components/limit-bets.tsx
@@ -140,12 +140,9 @@ function LimitBet(props: {
           {isCancelling ? (
             <LoadingIndicator />
           ) : (
-            <button
-              className="btn btn-xs btn-outline my-auto normal-case"
-              onClick={onCancel}
-            >
+            <Button size="2xs" color="gray-outline" onClick={onCancel}>
               Cancel
-            </button>
+            </Button>
           )}
         </td>
       )}