Scale down UI elements

1 files changed, 10 insertions, 6 deletions

diff --git a/gui/src/renderer/components/TunnelControl.tsx b/gui/src/renderer/components/TunnelControl.tsx
index 15b7755f4b..04236750ee 100644
--- a/gui/src/renderer/components/TunnelControl.tsx
+++ b/gui/src/renderer/components/TunnelControl.tsx
@@ -23,7 +23,7 @@ interface ITunnelControlProps {
 }
 
 const SwitchLocationButton = styled(AppButton.TransparentButton)({
-  marginBottom: 16,
+  marginBottom: '18px',
 });
 
 const Secured = styled(SecuredLabel)({
@@ -38,15 +38,15 @@ const Footer = styled.div({
   display: 'flex',
   flexDirection: 'column',
   flex: 0,
-  paddingBottom: '16px',
-  paddingLeft: '24px',
-  paddingRight: '24px',
+  paddingBottom: '22px',
+  paddingLeft: '22px',
+  paddingRight: '22px',
 });
 
 const Body = styled.div({
   display: 'flex',
   flexDirection: 'column',
-  padding: '0 24px',
+  padding: '0 22px',
   marginTop: '176px',
   flex: 1,
 });
@@ -68,6 +68,10 @@ const StyledMarquee = styled(Marquee)({
   overflow: 'hidden',
 });
 
+const SelectedLocationChevron = styled(AppButton.Icon)({
+  margin: '0 4px',
+});
+
 export default class TunnelControl extends React.Component<ITunnelControlProps> {
   public render() {
     const SwitchLocation = () => {
@@ -81,7 +85,7 @@ export default class TunnelControl extends React.Component<ITunnelControlProps>
     const SelectedLocation = () => (
       <SwitchLocationButton onClick={this.props.onSelectLocation}>
         <AppButton.Label>{this.props.selectedRelayName}</AppButton.Label>
-        <AppButton.Icon height={12} width={7} source="icon-chevron" />
+        <SelectedLocationChevron height={12} width={7} source="icon-chevron" />
       </SwitchLocationButton>
     );