diff --git a/src/pages/results.tsx b/src/pages/results.tsx
index da984b2a..664fb9fc 100644
--- a/src/pages/results.tsx
+++ b/src/pages/results.tsx
@@ -30,7 +30,7 @@ function ResultsArticle({
             <button
               type="submit"
               style={files.length !== job.num_files ? "pointer-events: none;" : ""}
-              class="btn-secondary text-contrast flex flex-row gap-2"
+              class="flex btn-secondary flex-row gap-2 text-contrast"
               {...(files.length !== job.num_files ? { disabled: true, "aria-busy": "true" } : "")}
             >
               <DeleteIcon /> <p>Delete</p>
@@ -40,12 +40,12 @@ function ResultsArticle({
             style={files.length !== job.num_files ? "pointer-events: none;" : ""}
             href={`${WEBROOT}/archive/${job.id}`}
             download={`converted_files_${job.id}.tar`}
-            class="btn-primary text-contrast flex flex-row gap-2"
+            class="flex btn-primary flex-row gap-2 text-contrast"
             {...(files.length !== job.num_files ? { disabled: true, "aria-busy": "true" } : "")}
           >
             <DownloadIcon /> <p>Tar</p>
           </a>
-          <button class="btn-primary text-contrast flex flex-row gap-2" onclick="downloadAll()">
+          <button class="flex btn-primary flex-row gap-2 text-contrast" onclick="downloadAll()">
             <DownloadIcon /> <p>All</p>
           </button>
         </div>
@@ -54,12 +54,11 @@ function ResultsArticle({
         max={job.num_files}
         {...(files.length === job.num_files ? { value: files.length } : "")}
         class={`
-          text-accent-500 accent-accent-500
-          [&::-moz-progress-bar]:bg-accent-500
-          [&[value]::-webkit-progress-value]:bg-accent-500
           mb-4 inline-block h-2 w-full appearance-none overflow-hidden rounded-full border-0
-          bg-neutral-700 bg-none
+          bg-neutral-700 bg-none text-accent-500 accent-accent-500
+          [&::-moz-progress-bar]:bg-accent-500
           [&::-webkit-progress-value]:rounded-full [&::-webkit-progress-value]:[background:none]
+          [&[value]::-webkit-progress-value]:bg-accent-500
           [&[value]::-webkit-progress-value]:transition-[inline-size]
         `}
       />
@@ -117,9 +116,8 @@ function ResultsArticle({
                     <>
                       <a
                         class={`
-                          text-accent-500
+                          text-accent-500 underline
                           hover:text-accent-400
-                          underline
                         `}
                         href={buildDownloadUrl(WEBROOT, outputPath, file.output_file_name)}
                       >
@@ -127,9 +125,8 @@ function ResultsArticle({
                       </a>
                       <a
                         class={`
-                          text-accent-500
+                          text-accent-500 underline
                           hover:text-accent-400
-                          underline
                         `}
                         href={buildDownloadUrl(WEBROOT, outputPath, file.output_file_name)}
                         download={file.output_file_name}
@@ -138,9 +135,8 @@ function ResultsArticle({
                       </a>
                       <button
                         class={`
-                          share-btn text-accent-500
+                          share-btn text-accent-500 underline
                           hover:text-accent-400
-                          underline
                         `}
                         data-filename={file.output_file_name}
                         data-download-url={buildDownloadUrl(