From e0b9567c96bdd6cf00c56f065004b523ca027db5 Mon Sep 17 00:00:00 2001
From: nizune <9-nizune@users.noreply.gitlab.insrt.uk>
Date: Sun, 4 Jul 2021 10:41:03 +0200
Subject: [PATCH] Fix: Small header fixes

---
 src/components/ui/Header.tsx      | 2 +-
 src/pages/developer/Developer.tsx | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/ui/Header.tsx b/src/components/ui/Header.tsx
index 37652397..d4e0e3f9 100644
--- a/src/components/ui/Header.tsx
+++ b/src/components/ui/Header.tsx
@@ -46,6 +46,6 @@ export default styled.div<Props>`
     ` }
 
     ${ props => props.borders && css`    
-        border-end-start-radius: 8px;
+        border-start-start-radius: 8px;
     ` }
 `;
diff --git a/src/pages/developer/Developer.tsx b/src/pages/developer/Developer.tsx
index 1a392bc0..e8c3e187 100644
--- a/src/pages/developer/Developer.tsx
+++ b/src/pages/developer/Developer.tsx
@@ -4,6 +4,7 @@ import Header from "../../components/ui/Header";
 import PaintCounter from "../../lib/PaintCounter";
 import { AppContext } from "../../context/revoltjs/RevoltClient";
 import { useUserPermission } from "../../context/revoltjs/hooks";
+import { Wrench } from "@styled-icons/boxicons-solid";
 
 export default function Developer() {
     // const voice = useContext(VoiceContext);
@@ -12,7 +13,10 @@ export default function Developer() {
 
     return (
         <div>
-            <Header placement="primary">Developer Tab</Header>
+            <Header placement="primary">
+                <Wrench size="24" />
+                Developer Tab
+            </Header>
             <div style={{ padding: "16px" }}>
                 <PaintCounter always />
             </div>