From ff1c3d4971d7648b7ce09228855b6869555690e3 Mon Sep 17 00:00:00 2001
From: Ash Keel <ash@nebula.cafe>
Date: Mon, 17 Jan 2022 17:13:31 +0100
Subject: [PATCH] Fix masking on Edge

---
 frontend/src/ui/pages/Strimertul.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/frontend/src/ui/pages/Strimertul.tsx b/frontend/src/ui/pages/Strimertul.tsx
index ee9a2b4..7a16528 100644
--- a/frontend/src/ui/pages/Strimertul.tsx
+++ b/frontend/src/ui/pages/Strimertul.tsx
@@ -65,14 +65,13 @@ const Channel = styled('li', {
 });
 const ChannelLink = styled('a', {
   textDecoration: 'none',
-  color: 'inherit',
+  color: '$teal11',
   display: 'inline-flex',
   flexDirection: 'row',
   gap: '0.5rem',
   alignItems: 'center',
   '&:hover': {
     textDecoration: 'underline',
-    color: 'inherit',
   },
 });
 
@@ -91,7 +90,12 @@ export default function StrimertulPage(): React.ReactElement {
           },
         }}
       >
-        <LogoPic />
+        <LogoPic
+          style={{
+            WebkitMaskRepeat: 'no-repeat',
+            WebkitMaskPosition: 'center',
+          }}
+        />
         <LogoName>{APPNAME}</LogoName>
       </PageHeader>
       <Section>