From 070a9fa67576a3d65739298573523ffe98cccc1c Mon Sep 17 00:00:00 2001
From: Gabe Kangas <gabek@real-ity.com>
Date: Sun, 19 Feb 2023 21:01:01 -0800
Subject: [PATCH] Tweak offline tag color and cursor

---
 web/components/ui/Header/Header.module.scss | 5 +++++
 web/components/ui/Header/Header.tsx         | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/web/components/ui/Header/Header.module.scss b/web/components/ui/Header/Header.module.scss
index 53d2aa10e..74f49de15 100644
--- a/web/components/ui/Header/Header.module.scss
+++ b/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);
+}
diff --git a/web/components/ui/Header/Header.tsx b/web/components/ui/Header/Header.tsx
index 718a36bb9..3d3d3faa4 100644
--- a/web/components/ui/Header/Header.tsx
+++ b/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>