4 files changed, 12 insertions, 5 deletions
diff --git a/ui/app/css/itcss/components/hero-balance.scss b/ui/app/css/itcss/components/hero-balance.scss
index 9861c6c30..f3535cd18 100644
--- a/ui/app/css/itcss/components/hero-balance.scss
+++ b/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 {
diff --git a/ui/app/css/itcss/components/newui-sections.scss b/ui/app/css/itcss/components/newui-sections.scss
index 5c5d16ef3..a140eb0f6 100644
--- a/ui/app/css/itcss/components/newui-sections.scss
+++ b/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;
diff --git a/ui/app/css/itcss/components/transaction-list.scss b/ui/app/css/itcss/components/transaction-list.scss
index a6e68df42..8589a3aa2 100644
--- a/ui/app/css/itcss/components/transaction-list.scss
+++ b/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;
   }
 }
 
diff --git a/ui/app/css/itcss/settings/typography.scss b/ui/app/css/itcss/settings/typography.scss
index 8051b5fe3..2027ca7e2 100644
--- a/ui/app/css/itcss/settings/typography.scss
+++ b/ui/app/css/itcss/settings/typography.scss
@@ -43,6 +43,13 @@
 }
 
 @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');
   font-weight: 400;