Fixed styling on document move

frontend/scenes/Document/components/DocumentMove/components/PathToDocument.js

@@ -20,7 +20,14 @@ color: ${color.text};
   cursor: default;
 `;
 
+const StyledChevronIcon = styled(ChevronIcon)`
+  padding-top: 2px;
+  width: 24px;
+  height: 24px; 
+`;
+
 const ResultWrapperLink = ResultWrapper.withComponent('a').extend`
+  height: 32px;
   padding-top: 3px;
   padding-left: 5px;
 
@@ -33,6 +40,10 @@ padding-left: 5px;
     color: ${color.smokeLight};
     outline: none;
     cursor: pointer;
+
+    ${StyledChevronIcon} svg {
+      fill: ${color.smokeLight};
+    }
   }
 `;
 
@@ -79,16 +90,16 @@ type Props = {
         {this.resultDocument &&
           <Flex>
             {' '}
-            <ChevronIcon />
+            <StyledChevronIcon />
             {' '}
             {this.resultDocument.pathToDocument
               .map(doc => <span key={doc.id}>{doc.title}</span>)
-              .reduce((prev, curr) => [prev, <ChevronIcon />, curr])}
+              .reduce((prev, curr) => [prev, <StyledChevronIcon />, curr])}
           </Flex>}
         {document &&
           <Flex>
             {' '}
-            <ChevronIcon />
+            <StyledChevronIcon />
             {' '}{document.title}
           </Flex>}
       </Component>