diff --git a/packages/payment-proxy-client/src/App.tsx b/packages/payment-proxy-client/src/App.tsx
index 014fa8b30..e60d740d2 100644
--- a/packages/payment-proxy-client/src/App.tsx
+++ b/packages/payment-proxy-client/src/App.tsx
@@ -429,7 +429,11 @@ export default function App() {
                         disabled={fetchInProgress || downloadProgress == 100}
                         style={
                           {
-                            "--fill-percentage": `${downloadProgress}%`,
+                            "--fill-percentage": `${
+                              useMicroPayments && fetchInProgress
+                                ? downloadProgress
+                                : 100
+                            }%`,
                             "--primary-color": theme.palette.primary.main,
                           } as React.CSSProperties
                         }
diff --git a/packages/payment-proxy-client/src/ProgressButton.tsx b/packages/payment-proxy-client/src/ProgressButton.tsx
index 3ff8b7b2b..e8b99cb1f 100644
--- a/packages/payment-proxy-client/src/ProgressButton.tsx
+++ b/packages/payment-proxy-client/src/ProgressButton.tsx
@@ -3,7 +3,7 @@ import { Button, ButtonProps } from "@mui/material";
 import { styled } from "@mui/system";
 
 const CustomButton = styled(Button)({
-  background: `linear-gradient(90deg, transparent 0%, transparent var(--fill-percentage), var(--primary-color) var(--fill-percentage), var(--primary-color) 100%)`,
+  background: `linear-gradient(90deg, var(--primary-color) 0%, var(--primary-color) var(--fill-percentage), transparent var(--fill-percentage), transparent 100%)`,
 }) as React.FC<ButtonProps>;
 
 export default CustomButton;