Fix alignments of icons

Author: CompuIves

packages/app/src/app/pages/Dashboard/Content/Sandboxes/Filters/SortOptions/index.js

@@ -73,6 +73,7 @@ class SortOptionsComponent extends React.Component {
                 transform: `rotate(${order === 'asc' ? -180 : 0}deg)`,
                 fontSize: '.875rem',
                 marginLeft: 4,
+                marginBottom: 2,
               }}
             />
           </Container>

packages/app/src/app/pages/common/Navigation/elements.ts

@@ -40,6 +40,7 @@ export const Action = styled.div<{ noHover?: boolean }>`
   opacity: 0.8;
   background: transparent;
   border: none;
+  padding: 0;
 
   ${props =>
     props.noHover

packages/app/src/app/pages/common/Navigation/index.tsx

@@ -81,7 +81,7 @@ export const Navigation = inject('store', 'signals')(
             <Action>
               <Tooltip placement="bottom" content="Explore Sandboxes">
                 <a style={{ color: 'white' }} href={exploreUrl()}>
-                  <FlameIcon />
+                  <FlameIcon height={35} />
                 </a>
               </Tooltip>
             </Action>