diff --git a/src/sites/twitch-twilight/modules/chat/viewer_card.jsx b/src/sites/twitch-twilight/modules/chat/viewer_card.jsx
index 89b7fc41..9a735291 100644
--- a/src/sites/twitch-twilight/modules/chat/viewer_card.jsx
+++ b/src/sites/twitch-twilight/modules/chat/viewer_card.jsx
@@ -17,7 +17,7 @@ export default class ViewerCards extends Module {
 
 		this.last_login = null;
 
-		this.settings.add('chat.viewer-cards.hide-gift-subscribe-button', {
+		this.settings.add('chat.viewer-cards.viewer-card-gift-subscribe-button', {
 			default: false,
 			ui: {
 				path: 'Chat > Viewer Cards >> Appearance',
@@ -61,8 +61,8 @@ export default class ViewerCards extends Module {
 	onEnable() {
 		this.chat.context.on('changed:chat.viewer-cards.highlight-chat', this.refreshStyle, this);
 		this.chat.context.on('changed:chat.viewer-cards.color', this.refreshStyle, this);
-		this.chat.context.getChanges('chat.viewer-cards.hide-gift-subscribe-button', val =>
-			this.css_tweaks.toggleHide('hide-gift-subscribe-button', val)
+		this.chat.context.getChanges('chat.viewer-cards.viewer-card-gift-subscribe-button', val =>
+			this.css_tweaks.toggleHide('viewer-card-gift-subscribe-button', val)
 		);
 		this.on('..:update-colors', this.refreshStyle, this);
 
diff --git a/src/sites/twitch-twilight/modules/css_tweaks/index.js b/src/sites/twitch-twilight/modules/css_tweaks/index.js
index bbdef722..6c436189 100644
--- a/src/sites/twitch-twilight/modules/css_tweaks/index.js
+++ b/src/sites/twitch-twilight/modules/css_tweaks/index.js
@@ -48,7 +48,7 @@ const CLASSES = {
 	'celebration': 'body .celebration__overlay',
 	'mod-view': '.chat-input__buttons-container a[href*="/moderator"]',
 
-	'hide-gift-subscribe-button': 'button[data-test-selector="gift-subscribe-button"]'
+	'viewer-card-gift-subscribe-button': '.viewer-card button[data-test-selector="gift-subscribe-button"]'
 };