make icon sizes consistent.

Author: nisarhassan12

src/components/Arrow.tsx

@@ -8,7 +8,7 @@ const StyledArrow = styled.svg`
     display: inline-block;
     fill: ${colors.offWhite1};
     transition: all .2s;
-    height: 4rem;
+    height: 4.5rem;
 `
 
 interface ArrrowProps {

src/components/Footer.tsx

@@ -62,11 +62,11 @@ const StyledFooter = styled.footer`
             color: ${colors.link};
 
             svg {
-                fill: ${colors.link};
+                fill: ${colors.text};
             }
 
             .mail {
-                stroke: ${colors.link};
+                stroke: ${colors.text};
             }
         }
 

src/components/careers/ExpandableJob.tsx

@@ -80,7 +80,7 @@ const ExpandableJob = ({ title, intro, paragraphs, lists, textAfterTheLists, ren
         <StyledExpandableJob>
             <button onClick={toggleIsRendered}>
                <Arrow
-                styles={{ transform: isRendered ? 'rotate(-90deg)' : 'rotate(90deg)', fill: isRendered ? colors.text : '' }}
+                styles={{ transform: isRendered ? 'rotate(-90deg)' : 'rotate(90deg)' }}
                />
             </button>
             <h3>{title}</h3>

src/components/docs/ReachOut.tsx

@@ -37,11 +37,11 @@ const StyledReachOut = styled.section`
             color: ${colors.link};
 
             svg {
-                fill: ${colors.link};
+                fill: ${colors.text};
             }
 
             .mail {
-                stroke: ${colors.link};
+                stroke: ${colors.text};
             }
         }
     }