Fix margins on BackButton

ethyca · Jan 10, 2024 · 6e30e06 · 6e30e06
1 parent 79387ed
commit 6e30e06
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/clients/admin-ui/src/features/common/nav/v2/BackButton.tsx b/clients/admin-ui/src/features/common/nav/v2/BackButton.tsx
@@ -15,7 +15,9 @@ const BackButton = ({
   backPath,
   ...props
 }: { backPath: string } & FlexProps) => (
-  <Flex alignItems="center" mb={3} {...props}>
+  // In general Layout provides a default top padding. But on pages with
+  // Back buttons, we want the Back button to be higher and for the page to be less top-padded
+  <Flex alignItems="center" mt={-4} mb={3} {...props}>
     <NextLink href={backPath} passHref>
       <IconButton
         aria-label="Back"