fix linter on ui updates

src/components/Navigation/styles.module.scss

@@ -15,9 +15,9 @@
         font-weight: bold;
         color: $color-black;
         text-decoration: none;
+    }
 
-        &:hover {
-            color: $color-grey-dark;
-        }
+    a:hover {
+        color: $color-grey-dark;
     }
 }

src/components/Teams/TeamItem.tsx

@@ -11,7 +11,7 @@ const TeamItem: React.FC<Props> = ({ team }): JSX.Element => {
     return (
         <li className={styles.teamItem}>
             <div className={styles.teamName}>{name}</div>
-            <div className={styles.teamDescription}>{description}</div>
+            <div>{description}</div>
         </li>
     )
 }

src/components/Teams/styles.module.scss

@@ -13,6 +13,3 @@
 .teamName {
     font-weight: bold;
 }
-
-.teamDescription {
-}