diff --git a/src/renderer/App.vue b/src/renderer/App.vue
index 6172fc0..cc78a45 100644
--- a/src/renderer/App.vue
+++ b/src/renderer/App.vue
@@ -94,17 +94,17 @@
 
 </script>
 
-<style lang="scss">
-  @import "~primer-css/index.scss";
-  input[type=number]::-webkit-inner-spin-button,
-  input[type=number]::-webkit-outer-spin-button {
-    -webkit-appearance: none;
-    margin: 0;
-  }
-  input[type="number"] {
-    -moz-appearance: textfield;
-  }
-</style>
+// <style lang="scss">
+//   @import "~primer-css/index.scss";
+//   input[type=number]::-webkit-inner-spin-button,
+//   input[type=number]::-webkit-outer-spin-button {
+//     -webkit-appearance: none;
+//     margin: 0;
+//   }
+//   input[type="number"] {
+//     -moz-appearance: textfield;
+//   }
+// </style>
 
 <style lang="stylus">
   @require style
diff --git a/src/renderer/components/NewReportSetup.vue b/src/renderer/components/NewReportSetup.vue
index 0bff33f..313d346 100644
--- a/src/renderer/components/NewReportSetup.vue
+++ b/src/renderer/components/NewReportSetup.vue
@@ -11,7 +11,7 @@
               <dt><label>Site</label></dt>
               <dd>
                 <select class="form-select" v-model="site">
-                  <option v-for="site in sites" :value="site">{{ site.id }} - {{ site.name }}
+                  <option v-for="site in sites" :value="site" :key="site.id">{{ site.id }} - {{ site.name }}
                   </option>
                 </select>
                 <span class="input-group-button">
@@ -35,7 +35,7 @@
               <dt><label>Number of Stations</label></dt>
               <dd>
                 <select class="form-select" v-model="selectedConfig" @click="getFlowData()">
-                  <option v-for="config in stationConfigs" :value="config">
+                  <option v-for="config in stationConfigs" :value="config" :key="config.stations">
                     {{ config.stations - 1 }} stations at {{ config.spacing }}
                   </option>
                 </select>
@@ -57,7 +57,7 @@
       <div class="station-tape-ft card p-3 bg-faded" v-if="flowData.length > 0 && selectedConfig">
         <p>Station tapeFt Preview</p>
         <ol start="0">
-          <li v-for="config in flowData">
+          <li v-for="config in flowData" :key="config.station">
             {{ config.tapeFt }}
           </li>
         </ol>
diff --git a/src/renderer/components/Report/Metadata.vue b/src/renderer/components/Report/Metadata.vue
index 73a756c..e0d9e5d 100644
--- a/src/renderer/components/Report/Metadata.vue
+++ b/src/renderer/components/Report/Metadata.vue
@@ -4,10 +4,10 @@
       <h1>{{ siteData.siteName }} - {{ siteData.siteId }}</h1>
       <form>
         <div v-scroll-spy="currentPosition">
-          <h3 id="m1"class="mt-3">Site Visit Summary</h3><hr>
+          <h3 id="m1" class="mt-3">Site Visit Summary</h3><hr>
           <a id="m2" class="btn btn-small mt-1" v-on:click="autofillDate">Autofill Datetime</a>
           <div id="m3" class="section flex flex-between flex-wrap">
-            <dl v-for="item of Object.keys(siteData.siteVisitSummary)"
+            <dl v-for="item of Object.keys(siteData.siteVisitSummary)" :key="item"
                 v-if="item !== 'Meter type'" class="form-group" style="width: 45%;">
               <dt><label>{{ item }}</label></dt>
               <dd v-if="['Spin test at start', 'Spin test at end'].includes(item)">
@@ -30,7 +30,7 @@
               <dd>
                 <select class="form-select form-control"
                         v-model="siteData.siteVisitSummary['Meter type']">
-                  <option v-for="meter in meterTypes" :value="meter">{{ meter.name }}</option>
+                  <option v-for="meter in meterTypes" :value="meter" :key="meter">{{ meter.name }}</option>
                 </select>
               </dd>
             </dl>
@@ -38,7 +38,7 @@
 
           <h3 id="m4" class="mt-3">Channel Summary</h3><hr>
           <div id="m5" class="section flex flex-between flex-wrap">
-            <dl v-for="item of Object.keys(siteData.channelSummary)"
+            <dl v-for="item of Object.keys(siteData.channelSummary)" :key="item"
                 v-if="item !== 'Comments on rating'" class="form-group" style="width: 45%;">
               <dt><label>{{ item }}</label></dt>
               <dd v-if="!['Gauge operating', 'Data downloaded'].includes(item)">
@@ -59,7 +59,7 @@
 
           <h3 id="m6" class="mt-3">Comments</h3><hr>
           <div id="m7" class="section flex flex-between flex-wrap">
-            <dl v-for="item of Object.keys(siteData.comments)" class="form-group" style="width: 45%;">
+            <dl v-for="item of Object.keys(siteData.comments)" :key="item" class="form-group" style="width: 45%;">
               <dt><label>{{ item }}</label></dt>
               <dd><textarea class="form-control" type="text" v-model="siteData.comments[item]"></textarea></dd>
             </dl>