Adjust left margin in main container.

ui/app/css/itcss/components/hero-balance.scss

@@ -15,7 +15,7 @@
     flex-direction: row;
     justify-content: flex-start;
     align-items: center;
-    margin: 2.8em .9em .8em;
+    margin: 2.8em 1.8em .8em;
   }
 
   .balance-container {

ui/app/css/itcss/components/newui-sections.scss

@@ -10,7 +10,7 @@ $wallet-view-bg: $wild-sand;
 .main-container {
   position: absolute;
   z-index: $main-container-z-index;
-  font-family: "DIN OT";
+  font-family: "DIN OT Light";
   display: flex;
   flex-wrap: wrap;
   align-items: stretch;

ui/app/css/itcss/components/transaction-list.scss

@@ -31,7 +31,7 @@
 
   .tx-list-header {
     font-size: 16px;
-    margin: 1.8em 1.3em;
+    margin: 1.8em 1.8em;
   }
 }
 
@@ -45,7 +45,7 @@
   }
 
   @media screen and (min-width: $break-large) {
-    margin: .1em 1.3em;
+    margin: .1em 1.8em;
   }
 }
 
@@ -59,7 +59,7 @@
   }
 
   @media screen and (min-width: $break-large) {
-    margin: 0 1.3em;
+    margin: 0 1.8em;
   }
 }
 

ui/app/css/itcss/settings/typography.scss

@@ -42,6 +42,13 @@
   font-style: normal;
 }
 
+@font-face {
+  font-family: 'DIN OT Light';
+  src: url('/fonts/DIN_OT/DINOT-2.otf') format('opentype');
+  font-weight: 200;
+  font-style: normal;
+}
+
 @font-face {
   font-family: 'Lato';
   src: url('/fonts/Lato/Lato-Regular.ttf') format('truetype');