From c9f74bd18ce9cf9ae00b9a884ab92eebbc54079c Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Thu, 11 Sep 2025 20:41:15 -0500
Subject: [PATCH] Pad progress button

---
 src/components/primitives/ProgressButton.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/primitives/ProgressButton.tsx b/src/components/primitives/ProgressButton.tsx
index 5e9f3fa8..67e9b4c0 100644
--- a/src/components/primitives/ProgressButton.tsx
+++ b/src/components/primitives/ProgressButton.tsx
@@ -4,6 +4,8 @@ import { ComponentProps } from 'react';
 import LoaderButton from './LoaderButton';
 import { clsx } from 'clsx/lite';
 
+const PROGRESS_PADDING = 0.1;
+
 export default function ProgressButton({
   progress,
   isLoading,
@@ -13,6 +15,8 @@ export default function ProgressButton({
 }: {
   progress?: number
 } & ComponentProps<typeof LoaderButton>) {
+  const progressPadded =
+    PROGRESS_PADDING + (progress ?? 0) * (1 - PROGRESS_PADDING);
   return (
     <LoaderButton
       {...props}
@@ -23,7 +27,7 @@ export default function ProgressButton({
       )}
     >
       <div
-        style={{ transform: `scaleX(${progress ?? 0})`}}
+        style={{ transform: `scaleX(${progressPadded})`}}
         className={clsx(
           'absolute top-0 left-0 w-full',
           'transition-all duration-500 origin-left',