fix #1092

Author: sirakovaDimitrina

src/components/App/App.scss

@@ -2,7 +2,7 @@
 
 body {
   min-width: 320px;
-  background-color: $tc-gray-neutral-dark;
+  background-color: $tc-gray-neutral-light;
 }
 
 .ReactModal__Body--open {

src/components/TopBar/ProjectsToolBar.scss

@@ -47,11 +47,12 @@ $tc-body-large        : 20px;
       display: flex;
       align-items: center;
       // justify-content: center;
-      padding: 5px 2*$base-unit 5px 34px;
+      padding: 0 2*$base-unit 0 34px;
       text-align: left;
       color: $tc-gray-40;
       background-color: transparent;
       border-radius: 2px;
+      border: 0;
       font-size: 12px;
       position: relative;
       &:before{
@@ -173,6 +174,9 @@ $tc-body-large        : 20px;
     top: 12px;
     z-index: 22;/* +1 from z-index of the modal overlay */
   }
+  .FillProjectDetails .header {
+    margin: 35px 0 0;
+  }
 }
 
 .project-creation-dialog {

src/projects/create/components/FillProjectDetails.scss

@@ -28,6 +28,7 @@
   .header {
     display: flex;
     justify-content: space-between;
+    margin-bottom: 30px;
 
     h1 {
       @include tc-heading;

src/projects/create/components/ProjectWizard.scss

@@ -5,6 +5,7 @@
     background: transparent;
     box-shadow: none;
     width: 100%;
+    margin-top: -30px;
 
     .ProjectTypeCard {
       background: $tc-white;