ui: update header/nav style to match layout

src/components/Container/styles.tsx

@@ -3,10 +3,13 @@ import styled from "styled-components"
 export const ContainerWrapper = styled.div`
   display: flex;
   flex-direction: column;
-  padding: 0 32px;
+  /* the 172px is necessary because the logo is offset by that much */
+  /* this ensures the logo never goes off screen */
+  /* TODO: most likely extract this number */
+  padding: 0 calc(172px + 32px);
   margin: 0 auto;
   width: 100%;
-  max-width: 1015px;
+  max-width: 800px;
 
   & > :first-child {
     margin-top: 0;