diff --git a/src-web/components/RecentRequestsDropdown.tsx b/src-web/components/RecentRequestsDropdown.tsx
index 82fd0666..e7a416ec 100644
--- a/src-web/components/RecentRequestsDropdown.tsx
+++ b/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>
   );
diff --git a/src-web/components/core/Button.tsx b/src-web/components/core/Button.tsx
index 734cc4f0..c4a5a196 100644
--- a/src-web/components/core/Button.tsx
+++ b/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',