From 73b65cf619f962635d3c2570d092cebb91501bbb Mon Sep 17 00:00:00 2001
From: Rick van der Staaij <id@rick.nu>
Date: Thu, 8 Dec 2022 17:09:17 +0100
Subject: [PATCH] Fix the logo corners to ensure no gaps appear

---
 frontend/App/Toolbar/Toolbar.style.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/frontend/App/Toolbar/Toolbar.style.tsx b/frontend/App/Toolbar/Toolbar.style.tsx
index 722d543..c0ff154 100644
--- a/frontend/App/Toolbar/Toolbar.style.tsx
+++ b/frontend/App/Toolbar/Toolbar.style.tsx
@@ -86,19 +86,21 @@ export const Brand = styled.div`
 		bottom: 0;
 		position: absolute;
 		content: '';
-		box-shadow: 0 0 0 50px #fff;
-		clip: rect(0, ${radius}rem, ${radius}rem, 0);
 		display: block;
 	}
 
 	&::after {
 		right: -${radius}rem;
-		border-bottom-left-radius: 100%;
+		background-image: radial-gradient(
+			circle at ${radius}rem 0,
+			rgba(204, 0, 0, 0) ${radius}rem,
+			white ${radius + 0.1}rem
+		);
 	}
 
 	&::before {
 		left: -${radius}rem;
-		border-bottom-right-radius: 100%;
+		background-image: radial-gradient(circle at 0 0, rgba(204, 0, 0, 0) ${radius}rem, white ${radius + 0.1}rem);
 	}
 
 	svg {