diff --git a/public/content.css b/public/content.css
index deb30196..6703cddf 100644
--- a/public/content.css
+++ b/public/content.css
@@ -567,6 +567,12 @@ input::-webkit-inner-spin-button {
 
 .sponsorTimeEditInput {
 	width: 90px;
+	border: 3px solid var(--sb-dark-red-outline);
+}
+
+.sponsorTimeEditInput.sponsorChapterNameInput {
+	width: auto;
+	padding: 3px;
 }
 
 .sponsorNowButton {
diff --git a/src/components/SponsorTimeEditComponent.tsx b/src/components/SponsorTimeEditComponent.tsx
index 0f2af9c6..a378d4ea 100644
--- a/src/components/SponsorTimeEditComponent.tsx
+++ b/src/components/SponsorTimeEditComponent.tsx
@@ -232,7 +232,8 @@ class SponsorTimeEditComponent extends React.Component<SponsorTimeEditProps, Spo
                 {sponsorTime.actionType === ActionType.Chapter ? (
                     <div onMouseLeave={() => this.setState({chapterNameSelectorOpen: false})}>
                         <input id={"chapterName" + this.idSuffix}
-                            className="sponsorTimeEdit"
+                            className="sponsorTimeEdit sponsorTimeEditInput sponsorChapterNameInput"
+                            style={{color: "inherit", backgroundColor: "inherit"}}
                             ref={this.descriptionOptionRef}
                             type="text"
                             value={this.state.description}