From fb89e04d61ed120830afc0c7d51941f976aa0f21 Mon Sep 17 00:00:00 2001
From: jansaldo <julianansaldo@gmail.com>
Date: Wed, 20 May 2026 18:48:53 -0300
Subject: [PATCH 1/4] fix(spinner): add viewBox attribute to SVG for proper
 scaling

---
 src/renderer/src/components/spinner/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/renderer/src/components/spinner/index.tsx b/src/renderer/src/components/spinner/index.tsx
index 97db28c5..78d6eed5 100644
--- a/src/renderer/src/components/spinner/index.tsx
+++ b/src/renderer/src/components/spinner/index.tsx
@@ -11,7 +11,7 @@ const SVG = styled("svg", {
 
 export default function Spinner() {
   return (
-    <SVG width={48} height={48} fill="none" xmlns="http://www.w3.org/2000/svg">
+    <SVG width={48} height={48} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
       <path
         d="M24 42c9.941 0 18-8.059 18-18S33.941 6 24 6 6 14.059 6 24s8.059 18 18 18Z"
         stroke="#E6E8FF"

From 079e2c8731fb8a5231cf1255cd126654e7913603 Mon Sep 17 00:00:00 2001
From: jansaldo <julianansaldo@gmail.com>
Date: Wed, 20 May 2026 18:50:01 -0300
Subject: [PATCH 2/4] fix(styles): homogenize maxWidth and dimensions for file
 check components

---
 .../components/file-check/FileCheck.styles.ts | 23 +++----------------
 1 file changed, 3 insertions(+), 20 deletions(-)

diff --git a/src/renderer/src/components/file-check/FileCheck.styles.ts b/src/renderer/src/components/file-check/FileCheck.styles.ts
index 1bf5c004..3ff2e007 100644
--- a/src/renderer/src/components/file-check/FileCheck.styles.ts
+++ b/src/renderer/src/components/file-check/FileCheck.styles.ts
@@ -11,10 +11,7 @@ export const Wrapper = styled("div", {
   position: "relative",
 
   // Settings to enable ellipsis on file name
-  maxWidth: 131,
-  "@xl": {
-    maxWidth: 175,
-  },
+  maxWidth: 150,
   "& p": {
     overflow: "hidden",
     textOverflow: "ellipsis",
@@ -30,22 +27,8 @@ export const Card = styled("div", {
   justifyContent: "center",
   alignItems: "center",
 
-  height: 150,
-  width: 113,
-
-  "@xl": {
-    height: 200,
-    width: 150,
-    "& svg": {
-      width: 48,
-      height: 48,
-    },
-  },
-
-  "& svg": {
-    width: 36,
-    height: 36,
-  },
+  height: 200,
+  width: 150,
 
   borderWidth: "$sizes$xs",
   borderStyle: "solid",

From e79c177008074071923d8b917575a254fcbc9d2d Mon Sep 17 00:00:00 2001
From: jansaldo <julianansaldo@gmail.com>
Date: Wed, 20 May 2026 18:50:49 -0300
Subject: [PATCH 3/4] fix(components): change subtitle from h3 to h2 for
 consistency with preview screen

---
 src/renderer/src/components/finish/finish-main-content.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/renderer/src/components/finish/finish-main-content.tsx b/src/renderer/src/components/finish/finish-main-content.tsx
index c053be37..6b136f6a 100644
--- a/src/renderer/src/components/finish/finish-main-content.tsx
+++ b/src/renderer/src/components/finish/finish-main-content.tsx
@@ -26,7 +26,7 @@ export default function FinishMainContent({
         </Stack>
         <Card>
           <Stack gap={{ base: "4", xl: "8" }}>
-            <styled.h3>{t("finish.subtitle")}</styled.h3>
+            <styled.h2 textStyle="subtitle.md.default">{t("finish.subtitle")}</styled.h2>
             <Grid columns={4} gap="8" justifyContent="center" width="full">
               {children}
             </Grid>

From a5b13a6ed55e18306e3842d8af25a2ecbdffd401 Mon Sep 17 00:00:00 2001
From: jansaldo <julianansaldo@gmail.com>
Date: Wed, 20 May 2026 18:51:38 -0300
Subject: [PATCH 4/4] fix(file-check): add size prop to Text component for
 consistent styling

---
 src/renderer/src/components/file-check/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/renderer/src/components/file-check/index.tsx b/src/renderer/src/components/file-check/index.tsx
index 787a312c..a6b3467f 100644
--- a/src/renderer/src/components/file-check/index.tsx
+++ b/src/renderer/src/components/file-check/index.tsx
@@ -20,7 +20,7 @@ export default function FileCheck({
       <Card {...{ hasError }}>
         <Icon {...{ hasError, isLoading }} />
       </Card>
-      <Text>{fileName}</Text>
+      <Text size="s">{fileName}</Text>
       {hasError && <ErrorText>{errorMessage}</ErrorText>}
     </Wrapper>
   );