follow design guidelines more closely

src/components/Textarea/index.js

@@ -94,7 +94,7 @@ const StyledTextarea = styled(Textarea)`
 `;
 
 const TopLabel = styled.span`
-    padding-bottom: 8px;
+    padding-bottom: 10px;
     color: ${colors.TEXT_SECONDARY};
 `;
 

src/components/inputs/Input/index.js

@@ -29,7 +29,7 @@ const InputIconWrapper = styled.div`
 `;
 
 const TopLabel = styled.span`
-    padding-bottom: 8px;
+    padding-bottom: 10px;
     color: ${colors.TEXT_SECONDARY};
 `;
 

src/views/Wallet/views/Account/Receive/index.js

@@ -20,7 +20,7 @@ import VerifyAddressTooltip from './components/VerifyAddressTooltip';
 import type { Props } from './Container';
 
 const Label = styled.div`
-    padding-bottom: 8px;
+    padding-bottom: 10px;
     color: ${colors.TEXT_SECONDARY};
 `;
 
@@ -77,7 +77,7 @@ const EyeButton = styled(Button)`
 const Row = styled.div`
     display: flex;
     width: 100%;
-    padding-bottom: 25px;
+    padding-bottom: 28px;
 
     ${media.lessThan('795px')`
         flex-direction: column;

src/views/Wallet/views/Account/Send/components/AdvancedForm/index.js

@@ -23,7 +23,7 @@ type Props = BaseProps & {
 const SmallScreenWidth = '850px';
 
 const InputRow = styled.div`
-    padding-bottom: 25px;
+    padding-bottom: 28px;
 `;
 
 const InputLabelWrapper = styled.div`
@@ -69,7 +69,7 @@ const GasInput = styled(Input)`
 `;
 
 const StyledTextarea = styled(Textarea)`
-    padding-bottom: 25px;
+    padding-bottom: 28px;
     min-height: 80px;
 `;
 

src/views/Wallet/views/Account/Send/index.js

@@ -34,7 +34,7 @@ const AmountInputLabel = styled.span`
 `;
 
 const InputRow = styled.div`
-    padding: 0 0 25px 0;
+    padding-bottom: 28px;
 `;
 
 const SetMaxAmountButton = styled(Button)`
@@ -88,7 +88,7 @@ const FeeOptionWrapper = styled.div`
 const FeeLabelWrapper = styled.div`
     display: flex;
     align-items: center;
-    padding-bottom: 8px;
+    padding-bottom: 10px;
 `;
 
 const FeeLabel = styled.span`

src/views/Wallet/views/Account/SignVerify/index.js

@@ -18,7 +18,7 @@ const Wrapper = styled.div`
 `;
 
 const Row = styled.div`
-    padding-bottom: 25px;
+    padding-bottom: 28px;
 `;
 
 const RowButtons = styled(Row)`

src/views/Wallet/views/Account/Summary/components/Balance/index.js

@@ -22,7 +22,7 @@ type State = {
 };
 
 const Wrapper = styled.div`
-    padding-bottom: 25px;
+    padding-bottom: 28px;
     position: relative;
     display: flex;