diff --git a/styles/components/_global_layout.scss b/styles/components/_global_layout.scss
index a80b4ca5..b46526b5 100644
--- a/styles/components/_global_layout.scss
+++ b/styles/components/_global_layout.scss
@@ -1,5 +1,5 @@
 #app-root {
-  background-color: $color-gray-lightest;
+  background-color: $color-white;
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
diff --git a/styles/components/_portfolio_layout.scss b/styles/components/_portfolio_layout.scss
index 5872aa58..fe1e941e 100644
--- a/styles/components/_portfolio_layout.scss
+++ b/styles/components/_portfolio_layout.scss
@@ -2,6 +2,13 @@
   @include media($large-screen) {
     @include grid-row;
   }
+
+  .line {
+    box-sizing: border-box;
+    height: 2px;
+    width: 100%;
+    border: 1px solid $color-gray-lightest;
+  }
 }
 
 .portfolio-breadcrumbs {
diff --git a/templates/portfolios/base.html b/templates/portfolios/base.html
index 9178a9e8..61eef44e 100644
--- a/templates/portfolios/base.html
+++ b/templates/portfolios/base.html
@@ -7,9 +7,11 @@
       {% block portfolio_breadcrumbs %}
         {% include "portfolios/breadcrumbs.html" %}
       {% endblock %}
+      <div class='line'></div>
       {% block portfolio_header %}
         {% include "portfolios/header.html" %}
       {% endblock %}
+      <div class='line'></div>
       {% block portfolio_content %}{% endblock %}
     </div>
   </div>