diff --git a/src/assets/stylesheets/hub-create.scss b/src/assets/stylesheets/hub-create.scss
index 9366a357a74ef374a4f6da94b1a457627a22bd79..e40c8bc76026cf9d8cd31e132f4cb8c3f36a3714 100644
--- a/src/assets/stylesheets/hub-create.scss
+++ b/src/assets/stylesheets/hub-create.scss
@@ -150,6 +150,7 @@
   height: 390px;
   border-bottom: 3px solid white;
   overflow: hidden;
+  position: relative;
 }
 
 @media (max-width: 768px) {
@@ -166,4 +167,7 @@
 
 .create-panel__form__environment__picker__image {
   width: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
 }
diff --git a/src/assets/stylesheets/index.scss b/src/assets/stylesheets/index.scss
index a4ed51980179f1e5837bfd015ca81508805e36d7..7b65679ef3146551ee52797d56b0bb9d5a771de9 100644
--- a/src/assets/stylesheets/index.scss
+++ b/src/assets/stylesheets/index.scss
@@ -57,7 +57,7 @@ body {
 .header-content {
   padding: 1.5em 2.5em 1.5em 2.5em;
   background-color: rgba(0, 0, 0, 0.85);
-  min-height: 75px;
+  min-height: 90px;
   display: flex;
   border-bottom: 2px solid #242424;
 }
@@ -130,12 +130,6 @@ body {
   flex-direction: column;
 }
 
-@media (max-width: 1280px) {
-  .hero-content {
-    min-height: 600px;
-  }
-}
-
 @media (max-width: 768px) {
   .hero-content {
     padding: 1em 1.5em 1em 1.5em;
@@ -151,12 +145,18 @@ body {
   flex: 10;
 }
 
-@media (max-width: 768px) {
+@media (max-height: 812px) {
   .hero-content__container {
     flex: 0 0 auto;
   }
 }
 
+@media (max-height: 720px) {
+  .hero-content__container {
+    padding-bottom: 0px;
+  }
+}
+
 .hero-content__container__title {
   font-size: 4vw;
   font-weight: bold;