diff --git a/src/App.vue b/src/App.vue
index a2411fc3a9fc10d355fdeb78b6f665a08edf4914..4bb9dea39f10914e7e1803e18a3f3cc07810c6ce 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="app-container">
     <WindowSize v-if="typeOfEnv === '-test build-'" />
     <HeaderUSWDSBanner v-if="typeOfEnv !== '-test build-'" />
     <HeaderUSGS />
@@ -47,19 +47,18 @@ $SourceSans: 'Source Sans Pro', sans-serif;
 @import url('https://fonts.googleapis.com/css2?family=Dosis:wght@200..800&family=Inter+Tight:ital,wght@0,100..900;1,100..900&display=swap');
 $Dosis: 'Inter Tight', sans-serif;
 
-$Demographiccharacteristics: #625D0B;
-$Landtenure: #5C0601;
-$Livingconditions: #0B4E8B;
-$Socioeconomicstatus: #DC8260;
-$Health: #7F4A89;
-$Riskperception: #249CB1;
-$Exposure: #B47D83;
-
-
 html {
   /* Make base font-size 100% of browser font-size */
   font-size: 100%;
 }
+FooterUSGS {
+  margin-top: auto;
+}
+.app-container {
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+}
 
 @media (prefers-reduced-motion: no-preference) {
   html {
diff --git a/src/views/VisualizationView.vue b/src/views/VisualizationView.vue
index d63c443be61b2ae675605805a6c0ece88789e1b9..4f1cf629dc1081d5972503eef7f7d72959a7a2d9 100644
--- a/src/views/VisualizationView.vue
+++ b/src/views/VisualizationView.vue
@@ -6,9 +6,9 @@
     <InteractiveDendrogram class="section-component"/>
     <MapsSection class="section-component"/>
     <ConclusionSection class="section-component"/>
-    <AboutTheTeam :data="circleData" class="section-components" />
+    <AboutTheTeam :data="circleData" class="section-component" />
     <ReferencesSection class="section-component" />
-    <AuthorshipSection class="section-component" />
+    <AuthorshipSection class="section-component end" />
   </section>
 </template>
 
@@ -40,4 +40,7 @@
     margin-top: 40px;
     margin-bottom: 30px;
   }
+  .end {
+    margin-bottom: 80px;
+  }
 </style>