diff --git a/js/src/ui/Actionbar/actionbar.css b/js/src/ui/Actionbar/actionbar.css
index d290b05490b..ea5c9c66a52 100644
--- a/js/src/ui/Actionbar/actionbar.css
+++ b/js/src/ui/Actionbar/actionbar.css
@@ -16,7 +16,7 @@
 */
 .actionbar {
   padding: 0 24px !important;
-  margin-bottom: 1.5em;
+  margin-bottom: 0.25em;
   height: auto !important;
   background: rgba(0, 0, 0, 0.25) !important;
 }
diff --git a/js/src/ui/Container/container.css b/js/src/ui/Container/container.css
index 3684a32ed06..71101411dca 100644
--- a/js/src/ui/Container/container.css
+++ b/js/src/ui/Container/container.css
@@ -15,7 +15,7 @@
 /* along with Parity.  If not, see <http://www.gnu.org/licenses/>.
 */
 .container {
-  padding: 0em 1em 1em 1em;
+  padding: 0em 0.25em 0.25em 0.25em;
 }
 
 .padded {
diff --git a/js/src/ui/Page/page.css b/js/src/ui/Page/page.css
index 7b0c4e16479..366add13ba3 100644
--- a/js/src/ui/Page/page.css
+++ b/js/src/ui/Page/page.css
@@ -15,5 +15,5 @@
 /* along with Parity.  If not, see <http://www.gnu.org/licenses/>.
 */
 .layout {
-  padding: 0 3em;
+  padding: 0;
 }
diff --git a/js/src/views/Accounts/List/list.css b/js/src/views/Accounts/List/list.css
index 6258c7cd1c5..bde57bdbd3d 100644
--- a/js/src/views/Accounts/List/list.css
+++ b/js/src/views/Accounts/List/list.css
@@ -19,18 +19,19 @@
   flex-wrap: wrap;
 }
 
-.account {
+.item {
   flex: 0 1 50%;
   width: 50%;
   position: relative;
+  margin: 0;
 }
 
-.account:nth-child(odd)>div {
-  padding-right: 0.5em !important;
+.item:nth-child(odd)>div {
+  padding-right: 0.125em;
 }
 
-.account:nth-child(even)>div {
-  padding-left: 0.5em !important;
+.item:nth-child(even)>div {
+  padding-left: 0.125em;
 }
 
 .empty {
diff --git a/js/src/views/Accounts/List/list.js b/js/src/views/Accounts/List/list.js
index 5623e3d69ec..5c09d0e3488 100644
--- a/js/src/views/Accounts/List/list.js
+++ b/js/src/views/Accounts/List/list.js
@@ -56,7 +56,7 @@ export default class List extends Component {
 
       return (
         <div
-          className={ styles.account }
+          className={ styles.item }
           key={ address }>
           <Summary
             link={ link }
diff --git a/js/src/views/Application/Status/status.css b/js/src/views/Application/Status/status.css
index c8f81d0e63d..c46b340226e 100644
--- a/js/src/views/Application/Status/status.css
+++ b/js/src/views/Application/Status/status.css
@@ -16,10 +16,9 @@
 */
 .status {
   clear: both;
-  padding: 1em;
-  margin: 1em 0;
+  padding: 0.25em 0.5em 1.5em 0.5em;
   text-align: right;
-  opacity: 0.75;
+  color: #ddd;
 }
 
 .title {
diff --git a/js/src/views/Dapps/dapps.css b/js/src/views/Dapps/dapps.css
index 26b9e952b69..88a6b1d23b9 100644
--- a/js/src/views/Dapps/dapps.css
+++ b/js/src/views/Dapps/dapps.css
@@ -26,9 +26,9 @@
 }
 
 .contract:nth-child(odd)>div {
-  padding-right: 0.5em !important;
+  padding-right: 0.125em !important;
 }
 
 .contract:nth-child(even)>div {
-  padding-left: 0.5em !important;
+  padding-left: 0.125em !important;
 }
diff --git a/js/src/views/ParityBar/parityBar.css b/js/src/views/ParityBar/parityBar.css
index 84c5b9c870c..7d0c6254b9a 100644
--- a/js/src/views/ParityBar/parityBar.css
+++ b/js/src/views/ParityBar/parityBar.css
@@ -33,14 +33,12 @@
 .expanded {
   right: 16px;
   width: 964px;
-  height: 292px;
+  height: 296px;
   border-radius: 4px 4px 0 0;
   overflow-y: scroll;
 }
 
 .expanded .content {
-  padding: 0;
-  margin: 0 -1em;
 }
 
 .corner {
@@ -98,7 +96,7 @@
   height: 36px;
   padding: 0.5em 1em;
   background: rgba(0, 0, 0, 0.25);
-  margin-bottom: 0;
+  margin-bottom: 0.25em;
 }
 
 .header:after {