diff --git a/views/blocks/homepage-hero/homepage-hero.css b/views/blocks/homepage-hero/homepage-hero.css
index cb6d5df..3075b02 100644
--- a/views/blocks/homepage-hero/homepage-hero.css
+++ b/views/blocks/homepage-hero/homepage-hero.css
@@ -131,9 +131,12 @@
     }
 
     .homepage-hero .heroVector .hero-vector--mobile {
+        bottom: 6.25rem;
         display: block;
         height: auto;
-        width: 100%;
+        left: 0;
+        position: absolute;
+        width: 100vw;
     }
 
     .homepage-hero .heroMedia img,
diff --git a/views/blocks/homepage-hero/homepage-hero.php b/views/blocks/homepage-hero/homepage-hero.php
index 0b47241..d8ecd14 100644
--- a/views/blocks/homepage-hero/homepage-hero.php
+++ b/views/blocks/homepage-hero/homepage-hero.php
@@ -80,8 +80,8 @@ $wrapper = blockWrapperAttributes( $classes, $is_preview );
     <div class="heroVector absolute inset-0 z-10">
         <div class="vector absolute bottom-8 w-full">
             <?php get_template_part( 'views/partials/hero-vector' ); ?>
-            <?php get_template_part( 'views/partials/hero-vector-mobile' ); ?>
         </div>
+        <?php get_template_part( 'views/partials/hero-vector-mobile' ); ?>
     </div>
 
     <div class="homepage-hero__location" aria-hidden="true">