diff --git a/src/client/components/tab.vue b/src/client/components/tab.vue
index 7705fc3d6d..58538c2ca1 100644
--- a/src/client/components/tab.vue
+++ b/src/client/components/tab.vue
@@ -13,11 +13,11 @@ export default defineComponent({
 		return withDirectives(h('div', {
 			class: 'pxhvhrfw',
 		}, options.map(option => withDirectives(h('button', {
-			class: ['_button', { active: this.modelValue === option.props.modelValue }],
+			class: ['_button', { active: this.modelValue === option.props.value }],
 			key: option.key,
-			disabled: this.modelValue === option.props.modelValue,
+			disabled: this.modelValue === option.props.value,
 			onClick: () => {
-				this.$emit('update:modelValue', option.props.modelValue);
+				this.$emit('update:modelValue', option.props.value);
 			}
 		}, option.children), [
 			[resolveDirective('click-anime')]