diff --git a/src/sites/twitch-twilight/modules/chat/index.js b/src/sites/twitch-twilight/modules/chat/index.js
index 06c115a5..6e7696b2 100644
--- a/src/sites/twitch-twilight/modules/chat/index.js
+++ b/src/sites/twitch-twilight/modules/chat/index.js
@@ -440,6 +440,8 @@ export default class ChatHook extends Module {
 
 		this.css_tweaks.toggle('emote-alignment-padded', emote_alignment === 1);
 		this.css_tweaks.toggle('emote-alignment-baseline', emote_alignment === 2);
+
+		this.emit(':update-chat-css');
 	}
 
 	updateLineBorders() {
diff --git a/src/sites/twitch-twilight/modules/chat/input.jsx b/src/sites/twitch-twilight/modules/chat/input.jsx
index 1c9bd688..9090a6b0 100644
--- a/src/sites/twitch-twilight/modules/chat/input.jsx
+++ b/src/sites/twitch-twilight/modules/chat/input.jsx
@@ -217,6 +217,11 @@ export default class Input extends Module {
 		this.ChatInput.on('mount', this.overrideChatInput, this);
 		this.EmoteSuggestions.on('mount', this.overrideEmoteMatcher, this);
 		this.MentionSuggestions.on('mount', this.overrideMentionMatcher, this);
+
+		this.on('site.css_tweaks:update-chat-css', () => {
+			for (const chat_input of this.ChatInput.instances)
+				chat_input.resizeInput();
+		}, this);
 	}
 
 
diff --git a/src/sites/twitch-twilight/modules/css_tweaks/styles/chat-font.scss b/src/sites/twitch-twilight/modules/css_tweaks/styles/chat-font.scss
index e5612089..409bbe7a 100644
--- a/src/sites/twitch-twilight/modules/css_tweaks/styles/chat-font.scss
+++ b/src/sites/twitch-twilight/modules/css_tweaks/styles/chat-font.scss
@@ -8,4 +8,9 @@
 	.chat-list__lines {
 		line-height: var(--ffz-chat-line-height);
 	}
-}
\ No newline at end of file
+}
+
+textarea[data-a-target="chat-input"],
+textarea[data-a-target="video-chat-input"] {
+	font-size: var(--ffz-chat-font-size) !important;
+}