diff --git a/crates/librqbit/webui/src/components/ProgressBar.tsx b/crates/librqbit/webui/src/components/ProgressBar.tsx
index d28d58e..b33f9e2 100644
--- a/crates/librqbit/webui/src/components/ProgressBar.tsx
+++ b/crates/librqbit/webui/src/components/ProgressBar.tsx
@@ -15,7 +15,7 @@ export const ProgressBar = ({ now, variant, label }: Props) => {
   }[variant ?? "info"];
 
   return (
-    <div className={"w-full bg-gray-200 rounded-full"}>
+    <div className={"w-full bg-gray-200 rounded-full dark:bg-gray-500"}>
       <div
         className={`text-xs bg-blue-500 font-medium transition-all text-center p-0.5 leading-none rounded-full ${variantClassName}`}
         style={{ width: `${now}%` }}