Button disabled style opacity

src-web/components/RecentRequestsDropdown.tsx

@@ -76,7 +76,7 @@ export function RecentRequestsDropdown() {
         size="sm"
         className="flex-[2] text-center text-gray-800 text-sm truncate pointer-events-none"
       >
-        {activeRequest?.name ?? <span className="text-gray-400">No Request</span>}
+        {activeRequest?.name ?? 'No Request'}
       </Button>
     </Dropdown>
   );

src-web/components/core/Button.tsx

@@ -51,7 +51,7 @@ const _Button = forwardRef<any, ButtonProps>(function Button(
         'outline-none whitespace-nowrap',
         'focus-visible-or-class:ring',
         'rounded-md flex items-center',
-        disabled ? 'pointer-events-none' : 'pointer-events-auto',
+        disabled ? 'pointer-events-none opacity-disabled' : 'pointer-events-auto',
         colorStyles[color || 'default'],
         justify === 'start' && 'justify-start',
         justify === 'center' && 'justify-center',