fix horizontal padding issue in nav

Opentrons · Jul 27, 2023 · 8aafeb5 · 8aafeb5
1 parent 42f4c06
commit 8aafeb5
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 2 deletions.
diff --git a/app/src/organisms/Navigation/index.tsx b/app/src/organisms/Navigation/index.tsx
@@ -85,7 +85,6 @@ export function Navigation(props: NavigationProps): JSX.Element {
             ? POSITION_STATIC
             : POSITION_STICKY
         }
-        paddingX={SPACING.spacing40}
         top="0"
         width="100%"
         backgroundColor={COLORS.white}

diff --git a/app/src/pages/OnDeviceDisplay/RobotSettingsDashboard/RobotSettingsList.tsx b/app/src/pages/OnDeviceDisplay/RobotSettingsDashboard/RobotSettingsList.tsx
@@ -46,7 +46,7 @@ export function RobotSettingsList(props: RobotSettingsListProps): JSX.Element {
   const { lightsEnabled, toggleLights } = useLEDLights(robotName)
 
   return (
-    <Flex flexDirection={DIRECTION_COLUMN}>
+    <Flex paddingX={SPACING.spacing40} flexDirection={DIRECTION_COLUMN}>
       <Navigation routes={onDeviceDisplayRoutes} />
       <Flex flexDirection={DIRECTION_COLUMN} paddingX={SPACING.spacing40}>
         <RobotSettingButton