diff --git a/src/App.vue b/src/App.vue
index 23f9d68..21251ac 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -21,8 +21,8 @@ body {
   padding: 0;
 }
 
-h1, h2 {
+h1,
+h2 {
   color: #1b335f;
 }
-
 </style>
diff --git a/src/components/CSVReference.vue b/src/components/CSVReference.vue
index 1ce39a1..2ba0035 100644
--- a/src/components/CSVReference.vue
+++ b/src/components/CSVReference.vue
@@ -83,4 +83,4 @@ export default defineComponent({
 #panels {
   background-color: rgb(var(--v-theme-secondary));
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/components/GeoconnexBackground.vue b/src/components/GeoconnexBackground.vue
index f8b9b45..dc1544c 100644
--- a/src/components/GeoconnexBackground.vue
+++ b/src/components/GeoconnexBackground.vue
@@ -1,5 +1,5 @@
 <template>
-              <h2 class="text-center">Geoconnex Background Info </h2>
+  <h2 class="text-center">Geoconnex Background Info</h2>
 
   <p class="text-center pa-4">
     The <a href="https://geoconnex.us">geoconnex.us</a> project provides technical infrastructure
@@ -41,10 +41,8 @@
 </template>
 
 <style scoped>
-
 /* remove highlighting for visited link */
 a:visited {
   color: inherit;
 }
-
-</style>
\ No newline at end of file
+</style>
diff --git a/src/components/MetadataGenerator.vue b/src/components/MetadataGenerator.vue
index 159156f..0f6ccb0 100644
--- a/src/components/MetadataGenerator.vue
+++ b/src/components/MetadataGenerator.vue
@@ -3,47 +3,91 @@ import { fetchAllNamespaces } from '@/lib/helpers'
 </script>
 
 <template>
-
   <p class="text-center pa-6 font-italic w-66 mx-auto">
-    A namespace is a short name or alias for your organization. It will be created upon
-    submission if it does not already exist. If the namespace already exists, your new
-    CSV file will be added to the existing namespace
+    A namespace is a short name or alias for your organization. It will be created upon submission
+    if it does not already exist. If the namespace already exists, your new CSV file will be added
+    to the existing namespace
   </p>
 
-  <v-combobox label="Pick your organization if it exists, or create a new namespace" class="w-66 mx-auto" required
-    :items="existingNamespaces" v-model="namespace"></v-combobox>
-  <v-checkbox class="d-flex justify-center mb-4"
+  <v-combobox
+    label="Pick your organization if it exists, or create a new namespace"
+    class="w-66 mx-auto"
+    required
+    :items="existingNamespaces"
+    v-model="namespace"
+  ></v-combobox>
+  <v-checkbox
+    class="d-flex justify-center mb-4"
     label="I already have a readme file uploaded to my namespace and do not wish to update my contribution info"
-    v-model="readmeAlreadyUploaded">
+    v-model="readmeAlreadyUploaded"
+  >
   </v-checkbox>
 
   <div v-if="!readmeAlreadyUploaded">
-    <v-text-field v-model="homepage" label="Homepage for where redirects will point to" type="url" required
-      variant="outlined" hint="Example: https://waterdata.usgs.gov" persistent-hint class="pb-4"></v-text-field>
-
-    <v-textarea v-model="description" label="Description of data" required variant="outlined"
-      hint="Example: All monitoring locations used by the USGS Waterdata system" persistent-hint
-      class="pb-4"></v-textarea>
-
-    <v-text-field v-model="example_pid" label="Example PID" required variant="outlined"
-      hint="Example: https://geoconnex.us/usgs/monitoring-location/08383500" persistent-hint
-      class="pb-4"></v-text-field>
-
-    <v-text-field v-model="example_redirect_target" label="Example redirect target url" type="url" variant="outlined"
-      hint="Example: https://waterdata.usgs.gov/monitoring-location/08383500" persistent-hint
-      class="pb-4"></v-text-field>
-
-    <v-text-field v-model="contact_name" label="Contact name" hint="Example: John Smith" required variant="outlined"
-      class="pb-4"></v-text-field>
-
-    <v-text-field v-model="contact_email" label="Contact email" append-inner-icon="mdi-email" required
-      variant="outlined" type="email" hint="Example: user@usgs.gov"></v-text-field>
+    <v-text-field
+      v-model="homepage"
+      label="Homepage for where redirects will point to"
+      type="url"
+      required
+      variant="outlined"
+      hint="Example: https://waterdata.usgs.gov"
+      persistent-hint
+      class="pb-4"
+    ></v-text-field>
+
+    <v-textarea
+      v-model="description"
+      label="Description of data"
+      required
+      variant="outlined"
+      hint="Example: All monitoring locations used by the USGS Waterdata system"
+      persistent-hint
+      class="pb-4"
+    ></v-textarea>
+
+    <v-text-field
+      v-model="example_pid"
+      label="Example PID"
+      required
+      variant="outlined"
+      hint="Example: https://geoconnex.us/usgs/monitoring-location/08383500"
+      persistent-hint
+      class="pb-4"
+    ></v-text-field>
+
+    <v-text-field
+      v-model="example_redirect_target"
+      label="Example redirect target url"
+      type="url"
+      variant="outlined"
+      hint="Example: https://waterdata.usgs.gov/monitoring-location/08383500"
+      persistent-hint
+      class="pb-4"
+    ></v-text-field>
+
+    <v-text-field
+      v-model="contact_name"
+      label="Contact name"
+      hint="Example: John Smith"
+      required
+      variant="outlined"
+      class="pb-4"
+    ></v-text-field>
+
+    <v-text-field
+      v-model="contact_email"
+      label="Contact email"
+      append-inner-icon="mdi-email"
+      required
+      variant="outlined"
+      type="email"
+      hint="Example: user@usgs.gov"
+    ></v-text-field>
   </div>
 
   <v-alert type="error" class="w-50 mx-auto" v-if="!valid" icon="mdi-alert">
     {{ error }}
   </v-alert>
-
 </template>
 
 <script lang="ts">
@@ -56,7 +100,7 @@ export default defineComponent({
   data() {
     return {
       homepage: '',
-      namespace: "",
+      namespace: '',
       description: '',
       example_pid: '',
       example_redirect_target: '',
@@ -73,7 +117,6 @@ export default defineComponent({
   },
 
   computed: {
-
     valid() {
       if (this.namespace.length == 0) {
         this.error = 'Namespace is required'
@@ -130,8 +173,6 @@ export default defineComponent({
       this.error = ''
       return true
     }
-  },
-}
-
-)
+  }
+})
 </script>
diff --git a/src/components/PageFooter.vue b/src/components/PageFooter.vue
index 2f7a599..f1de613 100644
--- a/src/components/PageFooter.vue
+++ b/src/components/PageFooter.vue
@@ -2,16 +2,25 @@
   <v-footer class="footer pa-8" width="auto">
     <div class="logo-container">
       <a href="https://internetofwater.org" class="logo-link">
-        <img src="@/assets/logo-iow.png" alt="Internet of Water Logo" title="internetofwater.org" class="logo-img" />
+        <img
+          src="@/assets/logo-iow.png"
+          alt="Internet of Water Logo"
+          title="internetofwater.org"
+          class="logo-img"
+        />
       </a>
       <a href="https://cgsearth.org" class="logo-link">
-        <img src="@/assets/logo-cgs.png" alt="CGS Earth Logo" title="cgsearth.org" class="logo-img" />
+        <img
+          src="@/assets/logo-cgs.png"
+          alt="CGS Earth Logo"
+          title="cgsearth.org"
+          class="logo-img"
+        />
       </a>
     </div>
   </v-footer>
 </template>
 
-
 <style scoped>
 .footer {
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
@@ -33,7 +42,5 @@
 .logo-img {
   width: 180px;
   padding: 0 16px;
-
 }
-
 </style>
diff --git a/src/components/PageHeader.vue b/src/components/PageHeader.vue
index 14cc560..2b13b32 100644
--- a/src/components/PageHeader.vue
+++ b/src/components/PageHeader.vue
@@ -2,7 +2,12 @@
   <div class="header pa-6 mb-4">
     <div class="logo-container">
       <a href="https://geoconnex.us">
-        <img src="@/assets/logo-geoconnex.png" alt="Geoconnex Logo" title="geoconnex.us" class="logo-geoconnex" />
+        <img
+          src="@/assets/logo-geoconnex.png"
+          alt="Geoconnex Logo"
+          title="geoconnex.us"
+          class="logo-geoconnex"
+        />
       </a>
     </div>
 
@@ -11,10 +16,8 @@
     -->
     <!-- <v-icon @click="toggleTheme" icon="mdi-theme-light-dark" class="theme-toggle-icon"></v-icon> -->
   </div>
-
 </template>
 
-
 <!-- <script setup lang="ts">
 import { useTheme } from 'vuetify'
 
@@ -25,7 +28,6 @@ function toggleTheme() {
 }
 </script> -->
 
-
 <style scoped>
 .header {
   display: flex;
@@ -63,9 +65,10 @@ function toggleTheme() {
 }
 
 .logo-geoconnex {
-  -webkit-filter: drop-shadow(1px 1px 0 rgba(255, 255, 255, 0.594)) drop-shadow(-1px 1px 0 white) drop-shadow(1px -1px 0 white) drop-shadow(-1px -1px 0 white);
-
-  filter: drop-shadow(1px 1px 0 white) drop-shadow(-1px 1px 0.29 white) drop-shadow(1px -1px 0.29 white) drop-shadow(-1px -1px 0.29 white);
+  -webkit-filter: drop-shadow(1px 1px 0 rgba(255, 255, 255, 0.594)) drop-shadow(-1px 1px 0 white)
+    drop-shadow(1px -1px 0 white) drop-shadow(-1px -1px 0 white);
 
+  filter: drop-shadow(1px 1px 0 white) drop-shadow(-1px 1px 0.29 white)
+    drop-shadow(1px -1px 0.29 white) drop-shadow(-1px -1px 0.29 white);
 }
 </style>
diff --git a/src/components/UploadForm.vue b/src/components/UploadForm.vue
index 591278f..0333485 100644
--- a/src/components/UploadForm.vue
+++ b/src/components/UploadForm.vue
@@ -4,19 +4,21 @@ import URLCheckSummary from '@/components/URLCheckSummary.vue'
 import CSVReference from '@/components/CSVReference.vue'
 import GeoconnexBackground from '@/components/GeoconnexBackground.vue'
 import MetadataGenerator from '@/components/MetadataGenerator.vue'
-
 </script>
 
 <template>
   <v-container class="fill-width w-66 d-flex align-center justify-center" fluid>
     <v-row class="justify-center align-center fill-height">
       <v-col cols="12">
-        <v-stepper :items="[
-          'Step 1: Review Background',
-          'Step 2: Add CSV',
-          'Step 3: Add Metadata',
-          'Step 4: Submit'
-        ]" :hide-actions="hideNext">
+        <v-stepper
+          :items="[
+            'Step 1: Review Background',
+            'Step 2: Add CSV',
+            'Step 3: Add Metadata',
+            'Step 4: Submit'
+          ]"
+          :hide-actions="hideNext"
+        >
           <template v-slot:item.1>
             <GeoconnexBackground />
           </template>
@@ -24,30 +26,54 @@ import MetadataGenerator from '@/components/MetadataGenerator.vue'
           <template v-slot:item.2>
             <h2 class="text-center">Upload your CSV Mapping</h2>
 
-            <p class=" pa-4 text-center mx-auto w-66">
-               Geoconnex will use your CSV to map your data resources Geoconnex ids. It will use the target URL you supply to access each feature for the purpose of constructing the Geoconnex knowledge graph. 
-          </p>
+            <p class="pa-4 text-center mx-auto w-66">
+              Geoconnex will use your CSV to map your data resources Geoconnex ids. It will use the
+              target URL you supply to access each feature for the purpose of constructing the
+              Geoconnex knowledge graph.
+            </p>
 
             <CSVReference class="mt-4" />
 
-
-            <v-file-input v-model="csv" label="CSV Mapping" accept=".csv" required show-size variant="outlined"
-              @change="checkCSV" class="w-50 mx-auto" />
-
-
-            <URLCheckSummary :crawlErrors="crawlErrors" :progress="progress" class="mt-4"></URLCheckSummary>
+            <v-file-input
+              v-model="csv"
+              label="CSV Mapping"
+              accept=".csv"
+              required
+              show-size
+              variant="outlined"
+              @change="checkCSV"
+              class="w-50 mx-auto"
+            />
+
+            <URLCheckSummary
+              :crawlErrors="crawlErrors"
+              :progress="progress"
+              class="mt-4"
+            ></URLCheckSummary>
 
             <v-fade-transition class="mx-auto w-66">
-              <v-alert :color="checkError.level || 'error'" :icon="`$${checkError.level || 'error'}`"
-                :title="checkError.type" :text="checkError.text" v-if="checkError.type && !progress.running">
+              <v-alert
+                :color="checkError.level || 'error'"
+                :icon="`$${checkError.level || 'error'}`"
+                :title="checkError.type"
+                :text="checkError.text"
+                v-if="checkError.type && !progress.running"
+              >
               </v-alert>
-              <v-alert color="success" icon="$success" title="Data mapping submitted" :text="result"
-                v-if="checkError.type == null && result && !progress.running"></v-alert>
+              <v-alert
+                color="success"
+                icon="$success"
+                title="Data mapping submitted"
+                :text="result"
+                v-if="checkError.type == null && result && !progress.running"
+              ></v-alert>
             </v-fade-transition>
 
-
-            <v-btn v-if="checkError.type === 'Issues Checking CSV' && !progress.running" @click="overrideError"
-              class="mt-6 d-flex mx-auto ignoreButton">
+            <v-btn
+              v-if="checkError.type === 'Issues Checking CSV' && !progress.running"
+              @click="overrideError"
+              class="mt-6 d-flex mx-auto ignoreButton"
+            >
               Ignore warning and override
             </v-btn>
           </template>
@@ -56,14 +82,17 @@ import MetadataGenerator from '@/components/MetadataGenerator.vue'
             <h2 class="mb-4 text-center">Add Metadata for your CSV Contribution</h2>
 
             <MetadataGenerator :namespace="namespace" @result="setMetadata" />
-
           </template>
 
           <template v-slot:item.4>
             <h2 class="text-center">Submit your Data Mapping</h2>
             <p class="text-center mx-auto w-66 pa-4">
-              Your data will be submitted to the <a href="https://github.com/internetofwater/geoconnex.us"
-                target="_blank">Geoconnex URI registry</a> on GitHub. Once submitted, you will be able to view the request to add your data to Geoconnex.
+              Your data will be submitted to the
+              <a href="https://github.com/internetofwater/geoconnex.us" target="_blank"
+                >Geoconnex URI registry</a
+              >
+              on GitHub. Once submitted, you will be able to view the request to add your data to
+              Geoconnex.
             </p>
 
             <v-col cols="12" class="text-center">
@@ -76,12 +105,25 @@ import MetadataGenerator from '@/components/MetadataGenerator.vue'
             </v-col>
 
             <v-fade-transition class="mt-4 mx-auto w-66">
-              <v-alert :color="checkError.level || 'error'" :icon="`$${checkError.level || 'error'}`"
-                :title="checkError.type" :text="checkError.text"
-                v-if="checkError.type != 'Checked CSV without errors' && checkError.type && !progress.running">
+              <v-alert
+                :color="checkError.level || 'error'"
+                :icon="`$${checkError.level || 'error'}`"
+                :title="checkError.type"
+                :text="checkError.text"
+                v-if="
+                  checkError.type != 'Checked CSV without errors' &&
+                  checkError.type &&
+                  !progress.running
+                "
+              >
               </v-alert>
-              <v-alert color="success" icon="$success" title="Data Submitted" :text="result"
-                v-if="checkError.type == null && result && !progress.running"></v-alert>
+              <v-alert
+                color="success"
+                icon="$success"
+                title="Data Submitted"
+                :text="result"
+                v-if="checkError.type == null && result && !progress.running"
+              ></v-alert>
             </v-fade-transition>
 
             <v-col cols="12" class="text-center mt-8">
@@ -122,13 +164,18 @@ export default defineComponent({
   },
   computed: {
     hideNext() {
-      return this.checkError.type === 'Issues Checking CSV' || this.progress.running || this.blockNext
-    },
+      return (
+        this.checkError.type === 'Issues Checking CSV' || this.progress.running || this.blockNext
+      )
+    }
   },
 
   methods: {
     async checkCSV() {
-      this.progress = { running: true, action: 'Validating your CSV data. This may take a minute...' }
+      this.progress = {
+        running: true,
+        action: 'Validating your CSV data. This may take a minute...'
+      }
 
       if (!this.csv) {
         return
@@ -158,7 +205,6 @@ export default defineComponent({
     },
 
     async valid() {
-
       if (!this.csv) {
         return false
       }
@@ -167,22 +213,19 @@ export default defineComponent({
         running: true,
         action: 'Validating your CSV data. This may take a minute...'
       }
-
     },
     overrideError() {
       this.checkError = { type: undefined, text: '' }
       this.crawlErrors = []
     },
-    setMetadata(metadata: { readme: File | null, namespace: string, blockNext?: boolean }) {
+    setMetadata(metadata: { readme: File | null; namespace: string; blockNext?: boolean }) {
       const { readme, namespace, blockNext } = metadata
       this.namespace = namespace
       this.readme = readme
       this.blockNext = blockNext || false
     },
 
-
     async submitForm() {
-
       // reset stored form state at the start of the submission before validating
       this.result = ''
       this.progress = { running: false, action: '' }
diff --git a/src/lib/helpers.test.ts b/src/lib/helpers.test.ts
index c1a4ce0..1821c25 100644
--- a/src/lib/helpers.test.ts
+++ b/src/lib/helpers.test.ts
@@ -9,7 +9,7 @@ const path = require('path')
 test('Get namespaces', async () => {
   const namespaces = await fetchAllNamespaces()
   expect(namespaces.includes('epa')).toBe(true)
-  expect(namespaces.includes("usbr")).toBe(true)
+  expect(namespaces.includes('usbr')).toBe(true)
 })
 
 function getTestFile(fileName: string) {
diff --git a/src/lib/helpers.ts b/src/lib/helpers.ts
index e1338b2..19a40a1 100644
--- a/src/lib/helpers.ts
+++ b/src/lib/helpers.ts
@@ -1,20 +1,25 @@
 import Papa from 'papaparse'
-import { CSVError, type MarkdownSection, type ValidationReport, type namespaceResult } from './types'
+import {
+  CSVError,
+  type MarkdownSection,
+  type ValidationReport,
+  type namespaceResult
+} from './types'
 
 export async function fetchAllNamespaces(): Promise<string[]> {
-  const api = "https://api.github.com/repos/internetofwater/geoconnex.us/contents/namespaces?ref=master"
+  const api =
+    'https://api.github.com/repos/internetofwater/geoconnex.us/contents/namespaces?ref=master'
 
   const response = await fetch(api)
   if (!response.ok) {
     throw new Error(`HTTP error! Status: ${response.status}`)
   }
 
-
   const data: namespaceResult[] = await response.json()
   const namespaces = []
 
   for (const namespace of data) {
-    if (namespace.type === "dir") {
+    if (namespace.type === 'dir') {
       namespaces.push(namespace.name)
     }
   }
@@ -22,7 +27,6 @@ export async function fetchAllNamespaces(): Promise<string[]> {
   return namespaces
 }
 
-
 export async function fetchMarkdownContent(url: string): Promise<string> {
   const response = await fetch(url)
 
diff --git a/src/lib/types.ts b/src/lib/types.ts
index 0801745..c8e60e3 100644
--- a/src/lib/types.ts
+++ b/src/lib/types.ts
@@ -37,5 +37,5 @@ export type namespaceResult = {
   html_url: string
   git_url: string
   download_url: string
-  type: "dir" | "file"
+  type: 'dir' | 'file'
 }
diff --git a/src/main.ts b/src/main.ts
index 51bd810..5fbde29 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -9,27 +9,27 @@ import * as directives from 'vuetify/directives'
 import App from './App.vue'
 import colors from 'vuetify/util/colors'
 
-const buttonColor = "#00A087"
+const buttonColor = '#00A087'
 
 const customLightTheme: ThemeDefinition = {
   dark: false,
   colors: {
     primary: colors.grey.lighten4, // lightest grey
-    secondary: "#e5e9f0", // light grey
+    secondary: '#e5e9f0', // light grey
     accent: buttonColor, // turquoise
-    header: "#1b335f" // dark blue for geoconnex
-  },
+    header: '#1b335f' // dark blue for geoconnex
+  }
 }
 
 const customDarkTheme: ThemeDefinition = {
   dark: true,
   colors: {
-    primary:  "#3b4252",
-    background: "#434c5e",
+    primary: '#3b4252',
+    background: '#434c5e',
     surface: colors.grey.darken3,
     secondary: colors.grey.darken2,
     accent: buttonColor
-  },
+  }
 }
 
 const vuetify = createVuetify({
@@ -39,7 +39,7 @@ const vuetify = createVuetify({
     defaultTheme: 'light',
     themes: {
       dark: customDarkTheme,
-      light: customLightTheme,
+      light: customLightTheme
     }
   }
 })