diff --git a/package-lock.json b/package-lock.json
index 0077d33..a23be09 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@codex-storage/marketplace-ui-components",
-  "version": "0.0.48",
+  "version": "0.0.49",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@codex-storage/marketplace-ui-components",
-      "version": "0.0.48",
+      "version": "0.0.49",
       "license": "MIT",
       "devDependencies": {
         "@codex-storage/sdk-js": "^0.0.15",
diff --git a/package.json b/package.json
index ceea75e..44bb7c0 100644
--- a/package.json
+++ b/package.json
@@ -5,7 +5,7 @@
     "type": "git",
     "url": "https://github.com/codex-storage/codex-marketplace-ui-components"
   },
-  "version": "0.0.48",
+  "version": "0.0.49",
   "type": "module",
   "scripts": {
     "prepack": "npm run build",
diff --git a/src/assets/icons/stop.svg b/src/assets/icons/stop.svg
index fc8e009..88eabb4 100644
--- a/src/assets/icons/stop.svg
+++ b/src/assets/icons/stop.svg
@@ -1,12 +1,6 @@
-<svg
-  width="24"
-  height="24"
-  viewBox="0 0 24 24"
-  fill="none"
-  xmlns="http://www.w3.org/2000/svg"
->
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
   <path
     d="M12 21C7.0293 21 3 16.9707 3 12C3 7.0293 7.0293 3 12 3C16.9707 3 21 7.0293 21 12C21 16.9707 16.9707 21 12 21ZM12 19.2C13.9096 19.2 15.7409 18.4414 17.0912 17.0912C18.4414 15.7409 19.2 13.9096 19.2 12C19.2 10.0904 18.4414 8.25909 17.0912 6.90883C15.7409 5.55857 13.9096 4.8 12 4.8C10.0904 4.8 8.25909 5.55857 6.90883 6.90883C5.55857 8.25909 4.8 10.0904 4.8 12C4.8 13.9096 5.55857 15.7409 6.90883 17.0912C8.25909 18.4414 10.0904 19.2 12 19.2ZM9.3 9.3H14.7V14.7H9.3V9.3Z"
-    fill="fillColor"
+    fill="currentColor"
   />
 </svg>
diff --git a/src/components/Modal/modal.css b/src/components/Modal/modal.css
index a60176a..de4e38d 100644
--- a/src/components/Modal/modal.css
+++ b/src/components/Modal/modal.css
@@ -15,7 +15,7 @@
     position: fixed;
     display: flex;
     flex-direction: column;
-    background: rgb (35, 35, 35);
+    background: rgb(35, 35, 35);
     border-radius: 16px;
     border: none;
     margin: 0;
diff --git a/src/components/Upload/UploadFile.css b/src/components/Upload/UploadFile.css
index c8a07c4..dd58f06 100644
--- a/src/components/Upload/UploadFile.css
+++ b/src/components/Upload/UploadFile.css
@@ -1,28 +1,28 @@
-@property --codex-upload-background-color {
+@property --codex-upload-file-background-color {
   syntax: "<color>";
   inherits: true;
   initial-value: rgba(20, 20, 20, 0.6);
 }
 
-@property --codex-upload-border-radius {
+@property --codex-upload-file-border-radius {
   syntax: "<length>";
   inherits: false;
   initial-value: 10px;
 }
 
-@property --codex-upload-border-color {
+@property --codex-upload-file-border-color {
   syntax: "<color>";
   inherits: false;
   initial-value: rgba(150, 150, 150, 0.2);
 }
 
-@property --codex-upload-color {
+@property --codex-upload-file-color {
   syntax: "<color>";
   inherits: true;
   initial-value: white;
 }
 
-@property --codex-upload-progress-color {
+@property --codex-upload-file-progress-color {
   syntax: "<color>";
   inherits: true;
   initial-value: rgb(38 38 38);
@@ -30,22 +30,23 @@
 
 .upload-file {
   &[aria-invalid] {
-    --codex-upload-color: rgb(251, 55, 72);
-    --codex-upload-progress-color: rgb(251, 55, 72);
+    --codex-upload-file-color: rgb(251, 55, 72);
+    --codex-upload-file-progress-color: rgb(251, 55, 72);
   }
 
   &[data-done] {
-    --codex-upload-color: rgb(111, 203, 148);
-    --codex-upload-progress-color: rgb(111, 203, 148);
+    --codex-upload-file-color: rgb(111, 203, 148);
+    --codex-upload-file-progress-color: rgb(111, 203, 148);
   }
 
   > div {
     background-color: var(
-      --codex-upload-background-color,
+      --codex-upload-file-background-color,
       rgba(20, 20, 20, 0.6)
     );
-    border-radius: var(--codex-upload-border-radius, 10px);
-    border: 1px solid var(--codex-upload-border-color, rgba(150, 150, 150, 0.2));
+    border-radius: var(--codex-upload-file-border-radius, 10px);
+    border: 1px solid
+      var(--codex-upload-file-border-color, rgba(150, 150, 150, 0.2));
     padding: 1em 2rem;
     margin-top: 0.5rem;
 
@@ -62,7 +63,7 @@
         flex-grow: 1;
 
         img {
-          border-radius: var(--codex-upload-border-radius);
+          border-radius: var(--codex-upload-file-border-radius);
         }
 
         .preview {
@@ -72,7 +73,7 @@
           b {
             display: flex;
             align-items: center;
-            color: var(--codex-upload-color);
+            color: var(--codex-upload-file-color);
 
             span {
               overflow: hidden;
@@ -80,7 +81,7 @@
               white-space: nowrap;
               max-width: 150px;
               display: inline-block;
-              color: var(--codex-upload-color);
+              color: var(--codex-upload-file-color);
             }
           }
         }
@@ -103,29 +104,32 @@
 
     progress {
       flex-grow: 1;
-      background-color: var(--codex-upload-progress-color, rgb(38 38 38));
+      background-color: var(--codex-upload-file-progress-color, rgb(38 38 38));
       -webkit-appearance: none;
       -moz-appearance: none;
       appearance: none;
       border: none;
-      border-radius: var(--codex-upload-border-radius);
+      border-radius: var(--codex-upload-file-border-radius);
       height: 0.5rem;
       width: 100%;
       border: none;
 
       &[value]::-webkit-progress-bar {
-        background-color: var(--codex-upload-progress-color, rgb(38 38 38));
+        background-color: var(
+          --codex-upload-file-progress-color,
+          rgb(38 38 38)
+        );
         border-radius: 50px;
       }
 
       &[value]::-webkit-progress-value {
-        background-color: var(--codex-upload-color);
+        background-color: var(--codex-upload-file-color);
         border-radius: 50px;
       }
 
       &[value]::-moz-progress-bar {
         border-radius: 50px;
-        background-color: var(--codex-upload-color);
+        background-color: var(--codex-upload-file-color);
       }
     }
 
@@ -138,7 +142,7 @@
 
   footer {
     font-size: 0.85rem;
-    color: var(--codex-upload-color);
+    color: var(--codex-upload-file-color);
   }
 
   .button-icon {
diff --git a/src/components/Upload/UploadFile.tsx b/src/components/Upload/UploadFile.tsx
index ec93c1f..685ea67 100644
--- a/src/components/Upload/UploadFile.tsx
+++ b/src/components/Upload/UploadFile.tsx
@@ -357,6 +357,6 @@ function UploadActionIcon({ status }: UploadStatusIconProps) {
     case "done":
       return <CloseIcon width={17.5} height={17.5} />;
     case "progress":
-      return <StopIcon />;
+      return <StopIcon width={17.5} height={17.5} />;
   }
 }