Fix styles

3 files changed, 10 insertions, 9 deletions

diff --git a/app/components/SelectLocation.css b/app/components/SelectLocation.css
index c19c663c2f..72684711a1 100644
--- a/app/components/SelectLocation.css
+++ b/app/components/SelectLocation.css
@@ -11,7 +11,7 @@
 
 .select-location__header {
   flex: 0 0 auto;
-  padding: 41px 24px 24px;
+  padding: 40px 24px 16px;
   position: relative; /* anchor for close button */
 }
 
@@ -35,9 +35,8 @@
   font-family: DINPro;
   font-size: 32px;
   font-weight: 900;
-  line-height: normal;
+  line-height: 1.25em;
   color: #FFFFFF;
-  margin: 0 0 9px 0;
 }
 
 .select-location__subtitle {
@@ -46,15 +45,16 @@
   font-weight: 600;
   line-height: normal;
   color: rgba(255,255,255,0.8);
+  padding: 0 24px 24px;
 }
 
 .select-location__separator {
-  height: 16px;
+  height: 24px;
 }
 
 .select-location__cell {
   background-color: rgba(41,71,115,1);
-  padding: 15px 16px 15px 24px;
+  padding: 15px 24px;
   display: flex;
   flex-direction: row;
   align-items: center;
diff --git a/app/components/SelectLocation.js b/app/components/SelectLocation.js
index fdba1e7fc2..197cb7f28e 100644
--- a/app/components/SelectLocation.js
+++ b/app/components/SelectLocation.js
@@ -74,13 +74,14 @@ export default class SelectLocation extends Component {
             <div className="select-location__container">
               <div className="select-location__header">
                 <h2 className="select-location__title">Select location</h2>
-                <div className="select-location__subtitle">
-                  While connected, your real location is masked with a private and secure location in the selected region
-                </div>
               </div>
               
               <CustomScrollbars autoHide={ true }>
                 <div>
+                  <div className="select-location__subtitle">
+                    While connected, your real location is masked with a private and secure location in the selected region
+                  </div>
+                  
                   { this.drawCell('fastest', 'Fastest', './assets/images/icon-fastest.svg', this.onSelect.bind(this, 'fastest')) }
                   { this.drawCell('nearest', 'Nearest', './assets/images/icon-nearest.svg', this.onSelect.bind(this, 'nearest')) }
 
diff --git a/app/components/Settings.css b/app/components/Settings.css
index 0cecf68fbc..e21c36ecc3 100644
--- a/app/components/Settings.css
+++ b/app/components/Settings.css
@@ -72,7 +72,7 @@
 
 .settings__cell {
   background-color:rgba(41,71,115,1);
-  padding: 15px 12px 15px 24px;
+  padding: 15px 24px;
   display: flex;
   flex-direction: row;
   align-items: center;