Fix footer link styles

Author: samajammin

src/components/Footer.js

@@ -62,8 +62,14 @@ const ListItem = styled.li`
 
 const FooterLink = styled(Link)`
   color: ${(props) => props.theme.colors.text200};
+  &:after {
+    color: ${(props) => props.theme.colors.text200};
+  }
   &:hover {
     color: ${(props) => props.theme.colors.primary};
+    &:after {
+      color: ${(props) => props.theme.colors.primary};
+    }
   }
 `
 

src/components/MeetupList.js

@@ -246,15 +246,14 @@ const Table = styled.div`
 `
 
 const Item = styled(Link)`
-  flex-direction: row;
+  display: flex;
   justify-content: space-between;
   color: ${(props) => props.theme.colors.text} !important;
   box-shadow: 0 1px 1px ${(props) => props.theme.colors.tableItemBoxShadow};
   margin-bottom: 1px;
   padding: 1rem;
   width: 100%;
   color: #000;
-  display: flex;
 
   &:hover {
     border-radius: 4px;