diff --git a/src/components/Footer/index.tsx b/src/components/Footer/index.tsx
index 5249b5bb..689d9ef0 100644
--- a/src/components/Footer/index.tsx
+++ b/src/components/Footer/index.tsx
@@ -75,11 +75,11 @@ export default function Footer() {
           </Styles.FooterSection>
         </Flex>
       </Flex>
-      <Flex $direction="row" $gap="10px" $py="40px" $align="center">
+      <Flex $direction="row" $py="40px">
         <Styles.FooterLink $color="white" href={CONFIG.blueprint}>
           Made by Cal Blueprint
+          <Icon type="blueprint" />
         </Styles.FooterLink>
-        <Icon type="blueprint" />
       </Flex>
     </Styles.Footer>
   );
diff --git a/src/components/Footer/styles.tsx b/src/components/Footer/styles.tsx
index b6096b1d..3ff920be 100644
--- a/src/components/Footer/styles.tsx
+++ b/src/components/Footer/styles.tsx
@@ -22,6 +22,9 @@ export const FooterLink = styled(LinkColored)`
   text-decoration: none;
   font-size: 0.9375rem;
   font-weight: 400px;
+  gap: 10px;
+  display: flex;
+  align-items: center;
 `;
 
 export const Header = styled.p`