From d16a409db27b04feec58de412baa2984f36e3832 Mon Sep 17 00:00:00 2001
From: Ajay <dev@ajay.app>
Date: Thu, 6 Jan 2022 15:18:40 -0500
Subject: [PATCH] Show black text on pill for unpaid promotion

---
 public/content.css                       | 1 -
 src/components/CategoryPillComponent.tsx | 3 ++-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/public/content.css b/public/content.css
index a8730b1d..bfcd4f30 100644
--- a/public/content.css
+++ b/public/content.css
@@ -618,7 +618,6 @@ input::-webkit-inner-spin-button {
 	padding-left: 8px;
 	padding-right: 8px;
 	margin-right: 3px;
-	color: white;
 	cursor: pointer;
 	font-size: 75%;
 	height: 100%;
diff --git a/src/components/CategoryPillComponent.tsx b/src/components/CategoryPillComponent.tsx
index c22bbbb9..6c7e0437 100644
--- a/src/components/CategoryPillComponent.tsx
+++ b/src/components/CategoryPillComponent.tsx
@@ -34,7 +34,8 @@ class CategoryPillComponent extends React.Component<CategoryPillProps, CategoryP
     render(): React.ReactElement {
         const style: React.CSSProperties = {
             backgroundColor: Config.config.barTypes["preview-" + this.state.segment?.category]?.color,
-            display: this.state.show ? "flex" : "none"
+            display: this.state.show ? "flex" : "none",
+            color: this.state.segment?.category === "sponsor" ? "white" : "black",
         }
 
         return (