diff --git a/src/routes/hosted_files/video_util/+page.svelte b/src/routes/hosted_files/video_util/+page.svelte
index 7ba6dcec..f47e69af 100644
--- a/src/routes/hosted_files/video_util/+page.svelte
+++ b/src/routes/hosted_files/video_util/+page.svelte
@@ -168,7 +168,7 @@
 
 <div class:hidden={$ae_sess.files.add_to_use_files_method != 'upload'}>
     <Comp_hosted_files_upload
-        class_li="border border-gray-300 rounded-md p-2 bg-gray-100 hover:bg-gray-200"
+        class_li="border border-surface-500/20 rounded-md p-2 preset-tonal-surface hover:preset-filled-surface-100-900 transition-colors"
         link_to_type="account"
         link_to_id={$ae_loc.account_id}
         bind:hosted_file_id_li={hosted_file_upload.hosted_file_id_li}
@@ -179,11 +179,11 @@
     >
         {#snippet label()}
             <span>
-                <div>
-                    <span class="fas fa-upload"></span>
-                    <strong class="bg-green-100 p-1">Upload video files</strong>
+                <div class="flex items-center gap-2 mb-1">
+                    <span class="fas fa-upload text-primary-500"></span>
+                    <strong class="preset-tonal-success px-3 py-1 rounded-full">Upload video files</strong>
                 </div>
-                <span class="text-sm text-gray-600 dark:text-gray-400 italic">
+                <span class="text-sm opacity-70 italic">
                     <strong>Aether hosted files only</strong><br />
                     Recommended: video (mp4, mkv)<br />
                 </span>