Tweak offline tag color and cursor

web/components/ui/Header/Header.module.scss

@@ -64,3 +64,8 @@
   width: auto;
   height: auto;
 }
+
+.offlineTag {
+  cursor: default;
+  color: var(--theme-color-components-text-on-light);
+}

web/components/ui/Header/Header.tsx

@@ -55,7 +55,7 @@ export const Header: FC<HeaderComponentProps> = ({
     {chatAvailable && !chatDisabled && <UserDropdown />}
     {!chatAvailable && !chatDisabled && (
       <Tooltip title="Chat is available when the stream is live." placement="left">
-        <Tag style={{ cursor: 'pointer' }}>Chat offline</Tag>
+        <Tag className={styles.offlineTag}>Chat offline</Tag>
       </Tooltip>
     )}
   </header>