diff --git a/app/modules/projects/listing/listing.jade b/app/modules/projects/listing/listing.jade
index f83bf0a5..a5006029 100644
--- a/app/modules/projects/listing/listing.jade
+++ b/app/modules/projects/listing/listing.jade
@@ -1,9 +1,9 @@
 div.project-list-wrapper.centered
     div.project-list-title
         h1 My projects
-        a.create-project-btn.button-green(href="#", ng-click="vm.newProject()", title="{{'PROJECT.NAVIGATION.ACTION_CREATE_PROJECT' | translate}}", translate="PROJECT.NAVIGATION.ACTION_CREATE_PROJECT")
-        div(tg-import-project-button)
-            a.button-blackish.import-project-button(href="", title="{{'PROJECT.NAVIGATION.TITLE_ACTION_IMPORT' | translate}}")
+        div.create-options
+            a.create-project-btn.button-green(href="#", ng-click="vm.newProject()", title="{{'PROJECT.NAVIGATION.ACTION_CREATE_PROJECT' | translate}}", translate="PROJECT.NAVIGATION.ACTION_CREATE_PROJECT")
+            a.button-blackish.import-project-button(href="", title="{{'PROJECT.NAVIGATION.TITLE_ACTION_IMPORT' | translate}}", tg-import-project-button)
                 span.icon.icon-upload
             input.import-file.hidden(type="file")
 
diff --git a/app/modules/projects/listing/styles/project-list.scss b/app/modules/projects/listing/styles/project-list.scss
index 4e031e8b..9287be26 100644
--- a/app/modules/projects/listing/styles/project-list.scss
+++ b/app/modules/projects/listing/styles/project-list.scss
@@ -11,6 +11,15 @@
             margin: 0;
         }
     }
+    .import-project-button {
+        padding: .33rem .5rem;
+        &:hover {
+            background: $grayer;
+        }
+        .icon-upload {
+            margin: 0;
+        }
+    }
     .project-list-section {
         display: flex;
     }