diff --git a/html/template/sync/upload-list.html b/html/template/sync/upload-list.html
index f49f655c..457a1613 100644
--- a/html/template/sync/upload-list.html
+++ b/html/template/sync/upload-list.html
@@ -2,25 +2,6 @@
 
 {{ define "title" }}Downloads{{ end }}
 {{ define "extraheader" }}
-	<style>
-		.upload-card {
-			transition: transform 0.2s;
-			margin-bottom: 30px;
-		}
-		.upload-card:hover {
-			transform: translateY(-5px);
-			box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
-		}
-		.card-icon {
-			font-size: 2.5rem;
-			margin-bottom: 15px;
-			color: #198754;
-		}
-		.header-banner {
-			background-color: #198754;
-			color: white;
-		}
-	</style>
 {{ end }}
 
 {{ define "content" }}
@@ -127,7 +108,7 @@
 								<td>{{ .Type|displayUploadType }}</td>
 								<td>{{ .Filename }}</td>
 								<td>
-									<span class="badge bg-success {{ .Status }}"
+									<span class="badge {{ .Status }}"
 										>{{ .Status|displayUploadStatus }}</span
 									>
 								</td>
diff --git a/scss/custom.scss b/scss/custom.scss
index 63f0bf6b..2b3c1610 100644
--- a/scss/custom.scss
+++ b/scss/custom.scss
@@ -57,3 +57,4 @@ $theme-colors: map-merge(
 @import "./sync/pool-by-id.scss";
 @import "./sync/settings.scss";
 @import "./sync/settings-user-list.scss";
+@import "./sync/upload-list.scss";
diff --git a/scss/sync/upload-list.scss b/scss/sync/upload-list.scss
new file mode 100644
index 00000000..d79ede43
--- /dev/null
+++ b/scss/sync/upload-list.scss
@@ -0,0 +1,35 @@
+.upload-card {
+	transition: transform 0.2s;
+	margin-bottom: 30px;
+}
+.upload-card:hover {
+	transform: translateY(-5px);
+	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
+}
+.card-icon {
+	font-size: 2.5rem;
+	margin-bottom: 15px;
+	color: #198754;
+}
+.header-banner {
+	background-color: #198754;
+	color: white;
+}
+.badge {
+	--bs-bg-opacity: 1;
+}
+.badge.committed {
+	background-color: $success;
+}
+.badge.discarded {
+	background-color: gray;
+}
+.badge.error {
+	background-color: $danger;
+}
+.badge.parsed {
+	background-color: $secondary;
+}
+.badge.uploaded {
+	background-color: $info;
+}