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 (