fix linter on ui updates

src/app/index.tsx

@@ -24,7 +24,7 @@ const App = ({ route }: Route): JSX.Element => (
         </Helmet>
         <header className={styles.header}>
             <div className={styles.logo} />
-            <div className={styles.siteNameWrapper}>
+            <div>
                 <h1 className={styles.siteName}>
                     <Link to="/">{config.APP.title}</Link>
                 </h1>

src/app/styles.module.scss

@@ -32,9 +32,6 @@
     }
 }
 
-.siteNameWrapper {
-}
-
 .siteName {
     margin: 0;
     padding: 0;

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 {
-}