diff --git a/src/App.vue b/src/App.vue
index 9bfe193151a75c98e85f060b412b3009059c6809..125e2ea874dd441a7897a706376be489c1926cae 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -24,19 +24,10 @@ export default {
 @import "node_modules/bootstrap/scss/bootstrap";
 @import "node_modules/bootstrap-vue/src/index.scss";
 
-$max-body-width: 1440px;
-
 html {
   // rubber-band overscroll color and determines the scrollbar color on chrome for mac
   background-color: $primary-bg-color;
 }
-// show a light-colored scrollbar on xxl displays so that the scrollbar is visible
-// against the dark vertical bars
-@media (min-width: $max-body-width) {
-  html {
-    background-color: #000000;
-  }
-}
 
 body {
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
@@ -48,7 +39,6 @@ body {
 }
 
 #app {
-  max-width: $max-body-width;
   background-color: $primary-bg-color;
   margin-left: auto;
   margin-right: auto;
diff --git a/src/components/NavBar.vue b/src/components/NavBar.vue
index 6a113db202762f07c5c2901b155abea218ba2e1d..48a58c2375672b8e1779aefb56707a94c849a6ce 100644
--- a/src/components/NavBar.vue
+++ b/src/components/NavBar.vue
@@ -38,7 +38,6 @@ export default {
 <style lang="scss" scoped>
 .navbar {
   background-color: $secondary-bg-color;
-  max-width: 1440px;
   margin-left: auto;
   margin-right: auto;
 
diff --git a/src/components/PageHeader.vue b/src/components/PageHeader.vue
index 9a62f73158485c369b21e61c5a0be140e0a07045..58cc3ebba8ffe4ba85a042a66e0fcba5a981f42e 100644
--- a/src/components/PageHeader.vue
+++ b/src/components/PageHeader.vue
@@ -35,12 +35,13 @@ export default {
 .page-header {
   background-color: $secondary-bg-color;
   background-image: url(~@/assets/images/tech-bg.jpg);
-  background-position-y: -420px;
+  background-position-y: -260px;
   background-repeat: no-repeat;
   background-attachment: fixed;
   overflow: auto;
   margin-bottom: 7rem;
   margin-top: 98px;
+  background-size: cover;
 
   .title,
   .subtext,