From 2ff6039acfb8c57410493401e3b298fb33326458 Mon Sep 17 00:00:00 2001
From: Neshura <neshura@neshweb.net>
Date: Fri, 17 Mar 2023 00:16:39 +0100
Subject: [PATCH] SVG cannot be sized using rem

---
 components/styles/cards/desktop.tsx | 10 +++-------
 1 file changed, 3 insertions(+), 7 deletions(-)

diff --git a/components/styles/cards/desktop.tsx b/components/styles/cards/desktop.tsx
index 054a462..91e4667 100644
--- a/components/styles/cards/desktop.tsx
+++ b/components/styles/cards/desktop.tsx
@@ -177,7 +177,7 @@ const CardHeader = ({ content }: { content: Service }) => {
             }
             <CardTitleText>{content.name}</CardTitleText>
             <OpenInNewTab>
-              <OpenInNewTabIcon width="1rem" height="1rem" />
+              <OpenInNewTabIcon width="16px" height="16px" />
             </OpenInNewTab>
           </CardTitleLink> :
           <CardTitle>
@@ -300,10 +300,6 @@ const OpenInNewTab = styled.div`
     color: ${({ theme }) => theme.colors.secondary};
   }
 
-  ${CardTitleLink} {
-    
-  }
-
   ${CardTitleLink}:hover & {
     margin-left: 0.3rem;
     max-width: 1rem;
@@ -325,7 +321,7 @@ const CardFooter = ({ content, href }: { content: Service, href: string }) => {
         <CardLink href={href}>
           Open
           <OpenInNewTab>
-            <OpenInNewTabIcon width="1rem" height="1rem" />
+            <OpenInNewTabIcon width="16px" height="16px" />
           </OpenInNewTab>
         </CardLink>
       ) : (<></>)}
@@ -333,7 +329,7 @@ const CardFooter = ({ content, href }: { content: Service, href: string }) => {
         <CardLink href={content.extLink}>
           Official Site
           <OpenInNewTab>
-            <OpenInNewTabIcon width="1rem" height="1rem" />
+            <OpenInNewTabIcon width="16px" height="16px" />
           </OpenInNewTab>
         </CardLink>
       ) : (<></>)}