diff --git a/styles/components/_empty_state.scss b/styles/components/_empty_state.scss
index 71c9e742..e18a2faf 100644
--- a/styles/components/_empty_state.scss
+++ b/styles/components/_empty_state.scss
@@ -1,6 +1,6 @@
 .empty-state {
   max-width: $max-panel-width;
-  background-color: #f6f6f7;
+  background-color: $color-gray-lightest;
 
   &--white {
     background-color: $color-white;
diff --git a/styles/components/_portfolio_layout.scss b/styles/components/_portfolio_layout.scss
index b5be6090..77b8b179 100644
--- a/styles/components/_portfolio_layout.scss
+++ b/styles/components/_portfolio_layout.scss
@@ -5,6 +5,10 @@
   }
 }
 
+.portfolio-header-new .portfolio-header__name {
+    padding: 1.6rem 0;
+}
+
 .portfolio-header {
   flex-direction: column;
   margin: $gap * 2 0;
diff --git a/templates/portfolios/new/step_1.html b/templates/portfolios/new/step_1.html
index dddc9047..3305d924 100644
--- a/templates/portfolios/new/step_1.html
+++ b/templates/portfolios/new/step_1.html
@@ -13,7 +13,7 @@
   <div class="portfolio-header-new">
     <div class='portfolio-header__name'>
       <p>{{ "portfolios.header" | translate }}</p>
-      <h1>{{ "New Portfolio" }}</h1>
+      <h1>{{ 'portfolios.new.title' | translate }}</h1>
     </div>
   {{ StickyCTA(text="portfolios.new.cta_step_1"|translate, context=("portfolios.new.sticky_header_context"|translate({"step": "1"}) )) }}
   <base-form inline-template>