create new box

@@ -32,6 +32,14 @@ const ItemList = styled.ul`
   }
 `;
 
+const ItemListTopBox = styled.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: space-around;
+  align-items: center;
+  margin-bottom: 10px;
+`;
+
 const Item = styled.li``;
 
 const ItemText = styled.span`
@@ -42,10 +50,11 @@ const StyledLink = styled(Link)`
   width: 100%;
   display: flex;
   flex-direction: row;
-  justify-content: center;
+  justify-content: left;
   align-items: center;
   text-decoration: none;
   color: white;
+  padding-left: 10px;
   cursor: pointer;
   &:hover {
     background-color: white;
@@ -54,13 +63,17 @@ const StyledLink = styled(Link)`
 `;
 
 export default ({ location }) => {
+  const { pathname } = location;
+  let path;
   return (
     <>
       <CategoryContainer>
         <ItemListContainer>
           <ItemList>
+            <ItemListTopBox>
               <FontAwesomeIcon icon={faArrowDown} /> Category
               <FontAwesomeIcon icon={faPlus} />
+            </ItemListTopBox>
             <StyledLink>
               <Item>
                 <ItemText># Music</ItemText>