From f38329c366b8990b0359aa31995ff37c7c1508e0 Mon Sep 17 00:00:00 2001
From: Kelly Mears <developers@tinypixel.dev>
Date: Fri, 5 Feb 2021 09:15:37 -0800
Subject: [PATCH] svg classNames

---
 src/components/partials/Header/index.tsx | 2 +-
 src/components/svg/External.tsx          | 8 ++------
 2 files changed, 3 insertions(+), 7 deletions(-)

diff --git a/src/components/partials/Header/index.tsx b/src/components/partials/Header/index.tsx
index af68693..3ef8593 100644
--- a/src/components/partials/Header/index.tsx
+++ b/src/components/partials/Header/index.tsx
@@ -70,7 +70,7 @@ export const Header: FunctionComponent<{
               <span className="inline-flex flex-row mb-4 text-2xl tracking-wider text-white md:text-3xl">
                 {siteTitle ?? 'Not In Our Honor Coalition'}
                 <a href="https://notinourhonor.com">
-                  <External className="mt-1" w={7} h={7} color="text-white" />
+                  <External className="text-white md:mt-1 w-7 h-7" />
                 </a>
               </span>
 
diff --git a/src/components/svg/External.tsx b/src/components/svg/External.tsx
index 97ee757..d942f94 100644
--- a/src/components/svg/External.tsx
+++ b/src/components/svg/External.tsx
@@ -2,14 +2,10 @@ import {FunctionComponent} from 'react'
 
 export const External: FunctionComponent<{
   color?: string,
-  w?: number,
-  h?: number,
   className?: string,
-}> = ({color, w, h, className}) => (
+}> = ({className}) => (
   <svg
-    className={`${w ? `w-${w}` : `w-5`} ${h ? `h-${h}` : `h-5`} ml-3 -mr-1 ${
-      className ?? ``
-    } ${color ?? `text-gray-400`}`}
+    className={`ml-3 -mr-1 ${className ?? `w-5 h-5 text-gray-400`}`}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     fill="currentColor">