From 790e37c74b9d4b373e25386edaa7e28a86289009 Mon Sep 17 00:00:00 2001
From: kyranjamie <kyran.burraston@gmail.com>
Date: Tue, 3 Mar 2020 11:11:16 +0000
Subject: [PATCH] fix: header margins, change visual content flow, closes #261

---
 packages/connect/src/react/components/screen/screen-header.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/packages/connect/src/react/components/screen/screen-header.tsx b/packages/connect/src/react/components/screen/screen-header.tsx
index 5d0f5b8ade1..861e1f9d48c 100644
--- a/packages/connect/src/react/components/screen/screen-header.tsx
+++ b/packages/connect/src/react/components/screen/screen-header.tsx
@@ -3,7 +3,6 @@ import { Box, Flex, Text, ChevronIcon } from '@blockstack/ui';
 import { useAppDetails } from '../../hooks/use-app-details';
 import { Logo } from '../logo';
 import { AppIcon } from '../app-icon';
-import { PX } from '../../common';
 
 interface HeaderTitleProps {
   title?: string | JSX.Element;
@@ -50,7 +49,7 @@ export const ScreenHeader = ({
   return (
     <Flex
       py={[4, 5]}
-      px={PX}
+      px={4}
       height="56px"
       borderBottom="1px solid"
       borderBottomColor="inherit"