diff --git a/src/pages/TopFlix.tsx b/src/pages/TopFlix.tsx
index e6281c2d..3edbedf6 100644
--- a/src/pages/TopFlix.tsx
+++ b/src/pages/TopFlix.tsx
@@ -165,8 +165,10 @@ export function TopFlix() {
           the current backend deployment.
         </Paragraph>
         <div className="mt-8 w-auto">
-          <div className="bg-video-scraping-card rounded-xl py-5 px-7 inline-block">
-            <p className="font-bold">Overall Views: {totalViews}</p>
+          <div className="bg-buttons-secondary rounded-xl py-5 px-7 inline-block">
+            <p className="font-bold bg-opacity-90 text-buttons-secondaryText">
+              Overall Views: {totalViews}
+            </p>
           </div>
         </div>