remove unused icon

@@ -5,7 +5,6 @@ import {
   faHome,
   faComment,
   faCog,
-  faSignOutAlt,
   faQuestionCircle,
   faTags,
 } from "@fortawesome/free-solid-svg-icons";
@@ -134,16 +133,17 @@ const StyledLink = styled(Link)`
     justify-content: center;
     opacity: 0.8;
     font-size: 20px;
+    cursor: pointer;
+    transition: 0.5s;
+    &:hover {
+      color: #667aff;
+      background-color: white;
     }
-  svg.SignOut {
-    font-size: 20px;
-    position: absolute;
-    left: 50px;
-    opacity: 3;
   }
 `;
 
 export default ({ logOut }) => {
+  console.log(logOut);
   return (
     <MenuBar>
       <TitleBox>
@@ -182,8 +182,7 @@ export default ({ logOut }) => {
           </StyledLink>
         </FuncIconBox>
         <StyledLink to="/" className="LogOutLink">
-          <FontAwesomeIcon icon={faSignOutAlt} className="SignOut" />
-          <Button text={"Log Out"} onClick={logOut}></Button>
+          <Button text="Log Out" onClick={logOut}></Button>
         </StyledLink>
       </Router>
     </MenuBar>