diff --git a/src/views/VisualizationView.vue b/src/views/VisualizationView.vue
index 52ca0a115f1aad88636f3008052156bcb173befb..d28da0e38291406bfbc7491ef40fda7d15f2ecd3 100644
--- a/src/views/VisualizationView.vue
+++ b/src/views/VisualizationView.vue
@@ -1,14 +1,14 @@
 <template>
   <section id="visualization">
-    <VizTitle />
-    <BeeswarmChart /> 
-    <NarrativeIntro />
-    <InteractiveDendrogram />
-    <Maps />
-    <Conclusion />
-    <AboutTheTeam :data="circleData" />
-    <ReferencesSection />
-    <AuthorshipSection />
+    <VizTitle class="section-component"/>
+    <BeeswarmChart class="section-component" /> 
+    <NarrativeIntro class="section-component"/>
+    <InteractiveDendrogram class="section-component"/>
+    <Maps class="section-component"/>
+    <Conclusion class="section-component"/>
+    <AboutTheTeam :data="circleData" class="section-components" />
+    <ReferencesSection class="section-component" />
+    <AuthorshipSection class="section-component" />
   </section>
 </template>
 
@@ -24,16 +24,20 @@
   import AuthorshipSection from '.././components/Authorship.vue'
 
   const circleData = [
-  { name: "Oronde Drakes", link: "https://www.usgs.gov/staff-profiles/oronde-drakes", image: "https://hazards.colorado.edu/api/v2/uploads/avatar/oronde_drakes2-1556849997156.JPG" },
-  { name: "Diana Restrepo-Osorio", link: "https://www.usgs.gov/staff-profiles/diana-l-restrepo-osorio", image: "https://d9-wret.s3.us-west-2.amazonaws.com/assets/palladium/production/s3fs-public/styles/staff_profile/public/media/images/Copy%20of%20Restrepo-Osorio_Diana%20L_PA-02473_1702473_027_8x12.jpg?itok=64YcJ9wy" },
-  { name: "Kathryn Powlen", link: "https://www.usgs.gov/staff-profiles/kathryn-a-powlen", image: "https://d9-wret.s3.us-west-2.amazonaws.com/assets/palladium/production/s3fs-public/styles/staff_profile/public/media/images/KPowlen_photo.jpg?itok=IufjVCBr" },
-  { name: "Megan Hines", link: "https://www.usgs.gov/staff-profiles/megan-k-hines", image: "https://d9-wret.s3.us-west-2.amazonaws.com/assets/palladium/production/s3fs-public/styles/staff_profile/public/thumbnails/image/Hines_Megan_USGS.jpg?itok=mOifmPnR" },
-];
+    { name: "Oronde Drakes", link: "https://www.usgs.gov/staff-profiles/oronde-drakes", image: "https://hazards.colorado.edu/api/v2/uploads/avatar/oronde_drakes2-1556849997156.JPG" },
+    { name: "Diana Restrepo-Osorio", link: "https://www.usgs.gov/staff-profiles/diana-l-restrepo-osorio", image: "https://d9-wret.s3.us-west-2.amazonaws.com/assets/palladium/production/s3fs-public/styles/staff_profile/public/media/images/Copy%20of%20Restrepo-Osorio_Diana%20L_PA-02473_1702473_027_8x12.jpg?itok=64YcJ9wy" },
+    { name: "Kathryn Powlen", link: "https://www.usgs.gov/staff-profiles/kathryn-a-powlen", image: "https://d9-wret.s3.us-west-2.amazonaws.com/assets/palladium/production/s3fs-public/styles/staff_profile/public/media/images/KPowlen_photo.jpg?itok=IufjVCBr" },
+    { name: "Megan Hines", link: "https://www.usgs.gov/staff-profiles/megan-k-hines", image: "https://d9-wret.s3.us-west-2.amazonaws.com/assets/palladium/production/s3fs-public/styles/staff_profile/public/thumbnails/image/Hines_Megan_USGS.jpg?itok=mOifmPnR" },
+  ];
 </script>
 
 <style lang="scss" scoped>
-  #visualization{
+  .visualization {
     padding: 0rem 0rem 0rem 0rem;
+  }
 
+  .section-component {
+    margin-top: 40px;
+    margin-bottom: 30px;
   }
 </style>