From c166ce52b3b5720286c855563c4f4556cbcf1305 Mon Sep 17 00:00:00 2001
From: Prospector <6166773+Prospector@users.noreply.github.com>
Date: Fri, 8 May 2026 02:39:13 -0700
Subject: [PATCH] fix: some buttons appear disabled even if they aren't (#6037)

This is because [disabled="false"] met the criteria of [disabled] as a css selector
---
 packages/ui/src/components/base/ButtonStyled.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/ui/src/components/base/ButtonStyled.vue b/packages/ui/src/components/base/ButtonStyled.vue
index f7502fb88..b4d67bca1 100644
--- a/packages/ui/src/components/base/ButtonStyled.vue
+++ b/packages/ui/src/components/base/ButtonStyled.vue
@@ -277,20 +277,20 @@ const fontSize = computed(() => {
 		flex-shrink: 0;
 	}
 
-	&[disabled],
+	&[disabled]:not([disabled='false']),
 	&[disabled='true'],
 	&.disabled,
 	&.looks-disabled {
 		@apply opacity-50;
 	}
 
-	&[disabled],
+	&[disabled]:not([disabled='false']),
 	&[disabled='true'],
 	&.disabled {
 		@apply cursor-not-allowed;
 	}
 
-	&:not([disabled]):not([disabled='true']):not(.disabled) {
+	&:not([disabled]:not([disabled='false'])):not([disabled='true']):not(.disabled) {
 		@apply hover:brightness-[--hover-brightness] focus-visible:brightness-[--hover-brightness] hover:bg-[--_hover-bg] hover:text-[--_hover-text] focus-visible:bg-[--_hover-bg] focus-visible:text-[--_hover-text];
 
 		&:hover svg:first-child,
@@ -309,7 +309,7 @@ const fontSize = computed(() => {
 	> *:first-child
 	> *:first-child
 	> :is(button, a, .button-like):first-child {
-	&:not([disabled]):not([disabled='true']):not(.disabled) {
+	&:not([disabled]:not([disabled='false'])):not([disabled='true']):not(.disabled) {
 		@apply active:scale-95;
 	}
 }