fix(app): Design QA nav bar changes (#16126)

Fix RQA-2956
Opentrons · Aug 26, 2024 · aee0732 · aee0732
1 parent 55b5d69
commit aee0732
Showing 1 changed file with 3 additions and 4 deletions.
diff --git a/app/src/organisms/Navigation/index.tsx b/app/src/organisms/Navigation/index.tsx
@@ -48,8 +48,8 @@ const CarouselWrapper = styled.div`
   -webkit-mask-image: linear-gradient(
     to right,
     transparent 0%,
-    black 1%,
-    black 99%,
+    black 0%,
+    black 96.5%,
     transparent 100%
   );
   &::-webkit-scrollbar {
@@ -152,8 +152,7 @@ export function Navigation(props: NavigationProps): JSX.Element {
             <Flex
               flexDirection={DIRECTION_ROW}
               gridGap={SPACING.spacing32}
-              marginRight={SPACING.spacing8}
-              marginLeft={SPACING.spacing8}
+              marginRight={SPACING.spacing24}
             >
               <Flex
                 ref={