From 2a186736c39a22928ee6852ee24c42ca21dd326f Mon Sep 17 00:00:00 2001
From: Drew Taylor <dtaylor@fiskerinc.com>
Date: Thu, 22 Jul 2021 11:47:46 -0700
Subject: [PATCH] addressing comments by changing variable types and adding
 styles to home page title

---
 .../App/__snapshots__/App.test.js.snap        | 610 +++++++++---------
 src/components/Home/index.jsx                 |   6 +-
 .../Create/__snapshots__/Create.test.js.snap  |  16 +-
 src/components/VehicleMap/index.jsx           |   8 +-
 src/components/useStyles.jsx                  |   3 +
 5 files changed, 323 insertions(+), 320 deletions(-)

diff --git a/src/components/App/__snapshots__/App.test.js.snap b/src/components/App/__snapshots__/App.test.js.snap
index af4838b..180e523 100644
--- a/src/components/App/__snapshots__/App.test.js.snap
+++ b/src/components/App/__snapshots__/App.test.js.snap
@@ -6,19 +6,21 @@ exports[`App Route / authenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-532"
+      class="makeStyles-root-546"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-533 makeStyles-appBarShift-534 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-547 makeStyles-appBarShift-548 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
         >
           <h6
             class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
-          />
+          >
+            Home
+          </h6>
           <button
-            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-542 MuiButton-colorInherit"
+            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-556 MuiButton-colorInherit"
             tabindex="0"
             type="button"
           >
@@ -34,17 +36,17 @@ exports[`App Route / authenticated 1`] = `
         </div>
       </header>
       <div
-        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-537"
+        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-551"
       >
         <div
-          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-538 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
+          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-552 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
         >
           <div
-            class="makeStyles-drawerHeader-539"
+            class="makeStyles-drawerHeader-553"
           >
             <img
               alt="Fisker Admin Portal"
-              class="makeStyles-logo-548"
+              class="makeStyles-logo-562"
               src="fisker-badge.svg"
             />
           </div>
@@ -234,23 +236,22 @@ exports[`App Route / authenticated 1`] = `
         </div>
       </div>
       <main
-        class="makeStyles-content-540 makeStyles-contentShift-541"
+        class="makeStyles-content-554 makeStyles-contentShift-555"
       >
         <div
-          class="makeStyles-drawerHeader-539"
+          class="makeStyles-drawerHeader-553"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
         >
           <div
-            class="makeStyles-paper-521"
+            class="makeStyles-paper-535"
           >
             <h1
-              class="MuiTypography-root MuiTypography-h5"
+              class="MuiTypography-root makeStyles-homePageTitle-566 MuiTypography-h5"
             >
               Welcome John!
             </h1>
-            <br />
             <div
               data-testid="mocked-vehicleprovider"
             >
@@ -449,10 +450,10 @@ exports[`App Route /carupdate-deploy authenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-955"
+      class="makeStyles-root-980"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-956 makeStyles-appBarShift-957 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-981 makeStyles-appBarShift-982 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -463,7 +464,7 @@ exports[`App Route /carupdate-deploy authenticated 1`] = `
             Deploy Package 1.0
           </h6>
           <button
-            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-965 MuiButton-colorInherit"
+            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-990 MuiButton-colorInherit"
             tabindex="0"
             type="button"
           >
@@ -479,17 +480,17 @@ exports[`App Route /carupdate-deploy authenticated 1`] = `
         </div>
       </header>
       <div
-        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-960"
+        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-985"
       >
         <div
-          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-961 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
+          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-986 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
         >
           <div
-            class="makeStyles-drawerHeader-962"
+            class="makeStyles-drawerHeader-987"
           >
             <img
               alt="Fisker Admin Portal"
-              class="makeStyles-logo-971"
+              class="makeStyles-logo-996"
               src="fisker-badge.svg"
             />
           </div>
@@ -679,10 +680,10 @@ exports[`App Route /carupdate-deploy authenticated 1`] = `
         </div>
       </div>
       <main
-        class="makeStyles-content-963 makeStyles-contentShift-964"
+        class="makeStyles-content-988 makeStyles-contentShift-989"
       >
         <div
-          class="makeStyles-drawerHeader-962"
+          class="makeStyles-drawerHeader-987"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
@@ -694,11 +695,11 @@ exports[`App Route /carupdate-deploy authenticated 1`] = `
               data-testid="mocked-updatesprovider"
             >
               <div
-                class="makeStyles-paper-944"
+                class="makeStyles-paper-969"
               >
                 <form
                   action="{onSubmit}"
-                  class="makeStyles-form-946"
+                  class="makeStyles-form-971"
                   novalidate=""
                 >
                   <p
@@ -710,13 +711,13 @@ exports[`App Route /carupdate-deploy authenticated 1`] = `
                     Description
                   </p>
                   <div
-                    class="MuiGrid-root makeStyles-root-955 MuiGrid-container MuiGrid-spacing-xs-2"
+                    class="MuiGrid-root makeStyles-root-980 MuiGrid-container MuiGrid-spacing-xs-2"
                   >
                     <div
                       class="MuiGrid-root MuiGrid-item MuiGrid-grid-md-10"
                     >
                       <div
-                        class="MuiFormControl-root makeStyles-margin-968 makeStyles-textField-969"
+                        class="MuiFormControl-root makeStyles-margin-993 makeStyles-textField-994"
                       >
                         <label
                           class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated"
@@ -766,7 +767,7 @@ exports[`App Route /carupdate-deploy authenticated 1`] = `
                         </div>
                       </div>
                       <div
-                        class="makeStyles-labelInline-950"
+                        class="makeStyles-labelInline-975"
                       >
                         0 Selected
                       </div>
@@ -776,7 +777,7 @@ exports[`App Route /carupdate-deploy authenticated 1`] = `
                       style="text-align: right;"
                     >
                       <button
-                        class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-formControl-948 MuiButton-containedPrimary Mui-disabled MuiButton-fullWidth Mui-disabled"
+                        class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-formControl-973 MuiButton-containedPrimary Mui-disabled MuiButton-fullWidth Mui-disabled"
                         disabled=""
                         tabindex="-1"
                         type="submit"
@@ -790,7 +791,7 @@ exports[`App Route /carupdate-deploy authenticated 1`] = `
                     </div>
                   </div>
                   <div
-                    class="makeStyles-paper-944"
+                    class="makeStyles-paper-969"
                     style="height: 700px; width: 100%;"
                   >
                     <table
@@ -808,14 +809,14 @@ exports[`App Route /carupdate-deploy authenticated 1`] = `
                           >
                             <span
                               aria-disabled="false"
-                              class="MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-979 MuiCheckbox-root MuiCheckbox-colorSecondary MuiIconButton-colorSecondary"
+                              class="MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1005 MuiCheckbox-root MuiCheckbox-colorSecondary MuiIconButton-colorSecondary"
                             >
                               <span
                                 class="MuiIconButton-label"
                               >
                                 <input
                                   aria-label="select all desserts"
-                                  class="PrivateSwitchBase-input-982"
+                                  class="PrivateSwitchBase-input-1008"
                                   data-indeterminate="false"
                                   type="checkbox"
                                   value=""
@@ -849,7 +850,7 @@ exports[`App Route /carupdate-deploy authenticated 1`] = `
                             >
                               VIN
                               <span
-                                class="makeStyles-hiddenSortSpan-967"
+                                class="makeStyles-hiddenSortSpan-992"
                               >
                                 sorted ascending
                               </span>
@@ -1129,10 +1130,10 @@ exports[`App Route /carupdate-deploy unauthenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-199"
+      class="makeStyles-root-204"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-200 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-205 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -1143,21 +1144,21 @@ exports[`App Route /carupdate-deploy unauthenticated 1`] = `
         </div>
       </header>
       <main
-        class="makeStyles-content-207"
+        class="makeStyles-content-212"
       >
         <div
-          class="makeStyles-drawerHeader-206"
+          class="makeStyles-drawerHeader-211"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
         >
           <div
-            class="makeStyles-paper-188"
+            class="makeStyles-paper-193"
             style="justify-content: center;"
           >
             <a
               aria-disabled="false"
-              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-191 MuiButton-containedPrimary"
+              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-196 MuiButton-containedPrimary"
               href="https://cognito.com/authorize?redirect=https://example.com/callback"
               tabindex="0"
             >
@@ -1184,10 +1185,10 @@ exports[`App Route /carupdate-status authenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-725"
+      class="makeStyles-root-744"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-726 makeStyles-appBarShift-727 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-745 makeStyles-appBarShift-746 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -1198,7 +1199,7 @@ exports[`App Route /carupdate-status authenticated 1`] = `
             Package Package 1.0
           </h6>
           <button
-            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-735 MuiButton-colorInherit"
+            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-754 MuiButton-colorInherit"
             tabindex="0"
             type="button"
           >
@@ -1214,17 +1215,17 @@ exports[`App Route /carupdate-status authenticated 1`] = `
         </div>
       </header>
       <div
-        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-730"
+        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-749"
       >
         <div
-          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-731 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
+          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-750 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
         >
           <div
-            class="makeStyles-drawerHeader-732"
+            class="makeStyles-drawerHeader-751"
           >
             <img
               alt="Fisker Admin Portal"
-              class="makeStyles-logo-741"
+              class="makeStyles-logo-760"
               src="fisker-badge.svg"
             />
           </div>
@@ -1414,10 +1415,10 @@ exports[`App Route /carupdate-status authenticated 1`] = `
         </div>
       </div>
       <main
-        class="makeStyles-content-733 makeStyles-contentShift-734"
+        class="makeStyles-content-752 makeStyles-contentShift-753"
       >
         <div
-          class="makeStyles-drawerHeader-732"
+          class="makeStyles-drawerHeader-751"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
@@ -1426,7 +1427,7 @@ exports[`App Route /carupdate-status authenticated 1`] = `
             data-testid="mocked-updatesprovider"
           >
             <div
-              class="makeStyles-paper-714"
+              class="makeStyles-paper-733"
               style="height: 700px; width: 100%;"
             >
               <table
@@ -1614,10 +1615,10 @@ exports[`App Route /carupdate-status unauthenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-236"
+      class="makeStyles-root-242"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-237 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-243 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -1628,21 +1629,21 @@ exports[`App Route /carupdate-status unauthenticated 1`] = `
         </div>
       </header>
       <main
-        class="makeStyles-content-244"
+        class="makeStyles-content-250"
       >
         <div
-          class="makeStyles-drawerHeader-243"
+          class="makeStyles-drawerHeader-249"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
         >
           <div
-            class="makeStyles-paper-225"
+            class="makeStyles-paper-231"
             style="justify-content: center;"
           >
             <a
               aria-disabled="false"
-              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-228 MuiButton-containedPrimary"
+              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-234 MuiButton-containedPrimary"
               href="https://cognito.com/authorize?redirect=https://example.com/callback"
               tabindex="0"
             >
@@ -1669,10 +1670,10 @@ exports[`App Route /dashboard authenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-996"
+      class="makeStyles-root-1022"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-997 makeStyles-appBarShift-998 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-1023 makeStyles-appBarShift-1024 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -1683,7 +1684,7 @@ exports[`App Route /dashboard authenticated 1`] = `
             Dashboard
           </h6>
           <button
-            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-1006 MuiButton-colorInherit"
+            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-1032 MuiButton-colorInherit"
             tabindex="0"
             type="button"
           >
@@ -1699,17 +1700,17 @@ exports[`App Route /dashboard authenticated 1`] = `
         </div>
       </header>
       <div
-        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-1001"
+        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-1027"
       >
         <div
-          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-1002 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
+          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-1028 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
         >
           <div
-            class="makeStyles-drawerHeader-1003"
+            class="makeStyles-drawerHeader-1029"
           >
             <img
               alt="Fisker Admin Portal"
-              class="makeStyles-logo-1012"
+              class="makeStyles-logo-1038"
               src="fisker-badge.svg"
             />
           </div>
@@ -1899,25 +1900,25 @@ exports[`App Route /dashboard authenticated 1`] = `
         </div>
       </div>
       <main
-        class="makeStyles-content-1004 makeStyles-contentShift-1005"
+        class="makeStyles-content-1030 makeStyles-contentShift-1031"
       >
         <div
-          class="makeStyles-drawerHeader-1003"
+          class="makeStyles-drawerHeader-1029"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
         >
           <div
-            class="makeStyles-paper-985"
+            class="makeStyles-paper-1011"
           >
             <div
-              class="MuiGrid-root makeStyles-root-996 MuiGrid-container MuiGrid-spacing-xs-2"
+              class="MuiGrid-root makeStyles-root-1022 MuiGrid-container MuiGrid-spacing-xs-2"
             >
               <div
                 class="MuiGrid-root MuiGrid-item MuiGrid-grid-md-6"
               >
                 <div
-                  class="makeStyles-embeddedWrapper-1014"
+                  class="makeStyles-embeddedWrapper-1040"
                 >
                   <iframe
                     frameborder="0"
@@ -1931,7 +1932,7 @@ exports[`App Route /dashboard authenticated 1`] = `
                 class="MuiGrid-root MuiGrid-item MuiGrid-grid-md-6"
               >
                 <div
-                  class="makeStyles-embeddedWrapper-1014"
+                  class="makeStyles-embeddedWrapper-1040"
                 >
                   <iframe
                     frameborder="0"
@@ -1986,10 +1987,10 @@ exports[`App Route /dashboard unauthenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-384"
+      class="makeStyles-root-394"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-385 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-395 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -2000,21 +2001,21 @@ exports[`App Route /dashboard unauthenticated 1`] = `
         </div>
       </header>
       <main
-        class="makeStyles-content-392"
+        class="makeStyles-content-402"
       >
         <div
-          class="makeStyles-drawerHeader-391"
+          class="makeStyles-drawerHeader-401"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
         >
           <div
-            class="makeStyles-paper-373"
+            class="makeStyles-paper-383"
             style="justify-content: center;"
           >
             <a
               aria-disabled="false"
-              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-376 MuiButton-containedPrimary"
+              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-386 MuiButton-containedPrimary"
               href="https://cognito.com/authorize?redirect=https://example.com/callback"
               tabindex="0"
             >
@@ -2041,19 +2042,21 @@ exports[`App Route /home authenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-569"
+      class="makeStyles-root-584"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-570 makeStyles-appBarShift-571 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-585 makeStyles-appBarShift-586 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
         >
           <h6
             class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
-          />
+          >
+            Home
+          </h6>
           <button
-            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-579 MuiButton-colorInherit"
+            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-594 MuiButton-colorInherit"
             tabindex="0"
             type="button"
           >
@@ -2069,17 +2072,17 @@ exports[`App Route /home authenticated 1`] = `
         </div>
       </header>
       <div
-        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-574"
+        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-589"
       >
         <div
-          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-575 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
+          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-590 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
         >
           <div
-            class="makeStyles-drawerHeader-576"
+            class="makeStyles-drawerHeader-591"
           >
             <img
               alt="Fisker Admin Portal"
-              class="makeStyles-logo-585"
+              class="makeStyles-logo-600"
               src="fisker-badge.svg"
             />
           </div>
@@ -2269,23 +2272,22 @@ exports[`App Route /home authenticated 1`] = `
         </div>
       </div>
       <main
-        class="makeStyles-content-577 makeStyles-contentShift-578"
+        class="makeStyles-content-592 makeStyles-contentShift-593"
       >
         <div
-          class="makeStyles-drawerHeader-576"
+          class="makeStyles-drawerHeader-591"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
         >
           <div
-            class="makeStyles-paper-558"
+            class="makeStyles-paper-573"
           >
             <h1
-              class="MuiTypography-root MuiTypography-h5"
+              class="MuiTypography-root makeStyles-homePageTitle-604 MuiTypography-h5"
             >
               Welcome John!
             </h1>
-            <br />
             <div
               data-testid="mocked-vehicleprovider"
             >
@@ -2429,10 +2431,10 @@ exports[`App Route /home unauthenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-51"
+      class="makeStyles-root-52"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-52 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-53 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -2443,21 +2445,21 @@ exports[`App Route /home unauthenticated 1`] = `
         </div>
       </header>
       <main
-        class="makeStyles-content-59"
+        class="makeStyles-content-60"
       >
         <div
-          class="makeStyles-drawerHeader-58"
+          class="makeStyles-drawerHeader-59"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
         >
           <div
-            class="makeStyles-paper-40"
+            class="makeStyles-paper-41"
             style="justify-content: center;"
           >
             <a
               aria-disabled="false"
-              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-43 MuiButton-containedPrimary"
+              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-44 MuiButton-containedPrimary"
               href="https://cognito.com/authorize?redirect=https://example.com/callback"
               tabindex="0"
             >
@@ -2484,10 +2486,10 @@ exports[`App Route /manifest-deploy authenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-1107"
+      class="makeStyles-root-1136"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-1108 makeStyles-appBarShift-1109 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-1137 makeStyles-appBarShift-1138 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -2498,7 +2500,7 @@ exports[`App Route /manifest-deploy authenticated 1`] = `
             Deploy Test Manifest 1.0
           </h6>
           <button
-            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-1117 MuiButton-colorInherit"
+            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-1146 MuiButton-colorInherit"
             tabindex="0"
             type="button"
           >
@@ -2514,17 +2516,17 @@ exports[`App Route /manifest-deploy authenticated 1`] = `
         </div>
       </header>
       <div
-        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-1112"
+        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-1141"
       >
         <div
-          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-1113 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
+          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-1142 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
         >
           <div
-            class="makeStyles-drawerHeader-1114"
+            class="makeStyles-drawerHeader-1143"
           >
             <img
               alt="Fisker Admin Portal"
-              class="makeStyles-logo-1123"
+              class="makeStyles-logo-1152"
               src="fisker-badge.svg"
             />
           </div>
@@ -2714,10 +2716,10 @@ exports[`App Route /manifest-deploy authenticated 1`] = `
         </div>
       </div>
       <main
-        class="makeStyles-content-1115 makeStyles-contentShift-1116"
+        class="makeStyles-content-1144 makeStyles-contentShift-1145"
       >
         <div
-          class="makeStyles-drawerHeader-1114"
+          class="makeStyles-drawerHeader-1143"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
@@ -2732,11 +2734,11 @@ exports[`App Route /manifest-deploy authenticated 1`] = `
                 data-testid="mocked-carupdatesprovider"
               >
                 <div
-                  class="makeStyles-paper-1096"
+                  class="makeStyles-paper-1125"
                 >
                   <form
                     action="{onSubmit}"
-                    class="makeStyles-form-1098"
+                    class="makeStyles-form-1127"
                     novalidate=""
                   >
                     <p
@@ -2747,13 +2749,13 @@ exports[`App Route /manifest-deploy authenticated 1`] = `
                       .
                     </p>
                     <div
-                      class="MuiGrid-root makeStyles-root-1107 MuiGrid-container MuiGrid-spacing-xs-2"
+                      class="MuiGrid-root makeStyles-root-1136 MuiGrid-container MuiGrid-spacing-xs-2"
                     >
                       <div
                         class="MuiGrid-root MuiGrid-item MuiGrid-grid-md-10"
                       >
                         <div
-                          class="MuiFormControl-root makeStyles-margin-1120 makeStyles-textField-1121"
+                          class="MuiFormControl-root makeStyles-margin-1149 makeStyles-textField-1150"
                         >
                           <label
                             class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated"
@@ -2803,7 +2805,7 @@ exports[`App Route /manifest-deploy authenticated 1`] = `
                           </div>
                         </div>
                         <div
-                          class="makeStyles-labelInline-1102"
+                          class="makeStyles-labelInline-1131"
                         >
                           0 Selected
                         </div>
@@ -2813,7 +2815,7 @@ exports[`App Route /manifest-deploy authenticated 1`] = `
                         style="text-align: right;"
                       >
                         <button
-                          class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-formControl-1100 MuiButton-containedPrimary Mui-disabled MuiButton-fullWidth Mui-disabled"
+                          class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-formControl-1129 MuiButton-containedPrimary Mui-disabled MuiButton-fullWidth Mui-disabled"
                           disabled=""
                           tabindex="-1"
                           type="submit"
@@ -2827,7 +2829,7 @@ exports[`App Route /manifest-deploy authenticated 1`] = `
                       </div>
                     </div>
                     <div
-                      class="makeStyles-paper-1096"
+                      class="makeStyles-paper-1125"
                       style="height: 700px; width: 100%;"
                     >
                       <table
@@ -2845,14 +2847,14 @@ exports[`App Route /manifest-deploy authenticated 1`] = `
                             >
                               <span
                                 aria-disabled="false"
-                                class="MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1131 MuiCheckbox-root MuiCheckbox-colorSecondary MuiIconButton-colorSecondary"
+                                class="MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1161 MuiCheckbox-root MuiCheckbox-colorSecondary MuiIconButton-colorSecondary"
                               >
                                 <span
                                   class="MuiIconButton-label"
                                 >
                                   <input
                                     aria-label="select all desserts"
-                                    class="PrivateSwitchBase-input-1134"
+                                    class="PrivateSwitchBase-input-1164"
                                     data-indeterminate="false"
                                     type="checkbox"
                                     value=""
@@ -2886,7 +2888,7 @@ exports[`App Route /manifest-deploy authenticated 1`] = `
                               >
                                 VIN
                                 <span
-                                  class="makeStyles-hiddenSortSpan-1119"
+                                  class="makeStyles-hiddenSortSpan-1148"
                                 >
                                   sorted ascending
                                 </span>
@@ -3167,10 +3169,10 @@ exports[`App Route /manifest-deploy unauthenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-495"
+      class="makeStyles-root-508"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-496 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-509 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -3181,21 +3183,21 @@ exports[`App Route /manifest-deploy unauthenticated 1`] = `
         </div>
       </header>
       <main
-        class="makeStyles-content-503"
+        class="makeStyles-content-516"
       >
         <div
-          class="makeStyles-drawerHeader-502"
+          class="makeStyles-drawerHeader-515"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
         >
           <div
-            class="makeStyles-paper-484"
+            class="makeStyles-paper-497"
             style="justify-content: center;"
           >
             <a
               aria-disabled="false"
-              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-487 MuiButton-containedPrimary"
+              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-500 MuiButton-containedPrimary"
               href="https://cognito.com/authorize?redirect=https://example.com/callback"
               tabindex="0"
             >
@@ -3222,10 +3224,10 @@ exports[`App Route /manifest-status authenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-1070"
+      class="makeStyles-root-1098"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-1071 makeStyles-appBarShift-1072 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-1099 makeStyles-appBarShift-1100 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -3236,7 +3238,7 @@ exports[`App Route /manifest-status authenticated 1`] = `
             Manifest Test Manifest 1.0
           </h6>
           <button
-            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-1080 MuiButton-colorInherit"
+            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-1108 MuiButton-colorInherit"
             tabindex="0"
             type="button"
           >
@@ -3252,17 +3254,17 @@ exports[`App Route /manifest-status authenticated 1`] = `
         </div>
       </header>
       <div
-        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-1075"
+        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-1103"
       >
         <div
-          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-1076 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
+          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-1104 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
         >
           <div
-            class="makeStyles-drawerHeader-1077"
+            class="makeStyles-drawerHeader-1105"
           >
             <img
               alt="Fisker Admin Portal"
-              class="makeStyles-logo-1086"
+              class="makeStyles-logo-1114"
               src="fisker-badge.svg"
             />
           </div>
@@ -3452,10 +3454,10 @@ exports[`App Route /manifest-status authenticated 1`] = `
         </div>
       </div>
       <main
-        class="makeStyles-content-1078 makeStyles-contentShift-1079"
+        class="makeStyles-content-1106 makeStyles-contentShift-1107"
       >
         <div
-          class="makeStyles-drawerHeader-1077"
+          class="makeStyles-drawerHeader-1105"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
@@ -3467,7 +3469,7 @@ exports[`App Route /manifest-status authenticated 1`] = `
               data-testid="mocked-carupdatesprovider"
             >
               <div
-                class="makeStyles-paper-1059"
+                class="makeStyles-paper-1087"
                 style="height: 700px; width: 100%;"
               >
                 <table
@@ -3690,10 +3692,10 @@ exports[`App Route /manifest-status unauthenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-458"
+      class="makeStyles-root-470"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-459 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-471 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -3704,21 +3706,21 @@ exports[`App Route /manifest-status unauthenticated 1`] = `
         </div>
       </header>
       <main
-        class="makeStyles-content-466"
+        class="makeStyles-content-478"
       >
         <div
-          class="makeStyles-drawerHeader-465"
+          class="makeStyles-drawerHeader-477"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
         >
           <div
-            class="makeStyles-paper-447"
+            class="makeStyles-paper-459"
             style="justify-content: center;"
           >
             <a
               aria-disabled="false"
-              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-450 MuiButton-containedPrimary"
+              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-462 MuiButton-containedPrimary"
               href="https://cognito.com/authorize?redirect=https://example.com/callback"
               tabindex="0"
             >
@@ -3745,10 +3747,10 @@ exports[`App Route /manifests authenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-1033"
+      class="makeStyles-root-1060"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-1034 makeStyles-appBarShift-1035 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-1061 makeStyles-appBarShift-1062 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -3759,7 +3761,7 @@ exports[`App Route /manifests authenticated 1`] = `
             Deploy Manifest
           </h6>
           <button
-            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-1043 MuiButton-colorInherit"
+            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-1070 MuiButton-colorInherit"
             tabindex="0"
             type="button"
           >
@@ -3775,17 +3777,17 @@ exports[`App Route /manifests authenticated 1`] = `
         </div>
       </header>
       <div
-        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-1038"
+        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-1065"
       >
         <div
-          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-1039 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
+          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-1066 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
         >
           <div
-            class="makeStyles-drawerHeader-1040"
+            class="makeStyles-drawerHeader-1067"
           >
             <img
               alt="Fisker Admin Portal"
-              class="makeStyles-logo-1049"
+              class="makeStyles-logo-1076"
               src="fisker-badge.svg"
             />
           </div>
@@ -3975,10 +3977,10 @@ exports[`App Route /manifests authenticated 1`] = `
         </div>
       </div>
       <main
-        class="makeStyles-content-1041 makeStyles-contentShift-1042"
+        class="makeStyles-content-1068 makeStyles-contentShift-1069"
       >
         <div
-          class="makeStyles-drawerHeader-1040"
+          class="makeStyles-drawerHeader-1067"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
@@ -3987,14 +3989,14 @@ exports[`App Route /manifests authenticated 1`] = `
             data-testid="mocked-manifestsprovider"
           >
             <div
-              class="makeStyles-paper-1022"
+              class="makeStyles-paper-1049"
               style="height: 700px; width: 100%;"
             >
               <div
-                class="MuiToolbar-root MuiToolbar-regular makeStyles-tableToolbar-1048 MuiToolbar-gutters"
+                class="MuiToolbar-root MuiToolbar-regular makeStyles-tableToolbar-1075 MuiToolbar-gutters"
               >
                 <div
-                  class="MuiFormControl-root makeStyles-margin-1046 makeStyles-textField-1047"
+                  class="MuiFormControl-root makeStyles-margin-1073 makeStyles-textField-1074"
                 >
                   <label
                     class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated"
@@ -4066,7 +4068,7 @@ exports[`App Route /manifests authenticated 1`] = `
                       >
                         ID
                         <span
-                          class="makeStyles-hiddenSortSpan-1045"
+                          class="makeStyles-hiddenSortSpan-1072"
                         >
                           sorted ascending
                         </span>
@@ -4413,10 +4415,10 @@ exports[`App Route /manifests unauthenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-421"
+      class="makeStyles-root-432"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-422 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-433 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -4427,21 +4429,21 @@ exports[`App Route /manifests unauthenticated 1`] = `
         </div>
       </header>
       <main
-        class="makeStyles-content-429"
+        class="makeStyles-content-440"
       >
         <div
-          class="makeStyles-drawerHeader-428"
+          class="makeStyles-drawerHeader-439"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
         >
           <div
-            class="makeStyles-paper-410"
+            class="makeStyles-paper-421"
             style="justify-content: center;"
           >
             <a
               aria-disabled="false"
-              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-413 MuiButton-containedPrimary"
+              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-424 MuiButton-containedPrimary"
               href="https://cognito.com/authorize?redirect=https://example.com/callback"
               tabindex="0"
             >
@@ -4468,10 +4470,10 @@ exports[`App Route /package-upload authenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-606"
+      class="makeStyles-root-622"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-607 makeStyles-appBarShift-608 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-623 makeStyles-appBarShift-624 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -4482,7 +4484,7 @@ exports[`App Route /package-upload authenticated 1`] = `
             Create Update Package
           </h6>
           <button
-            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-616 MuiButton-colorInherit"
+            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-632 MuiButton-colorInherit"
             tabindex="0"
             type="button"
           >
@@ -4498,17 +4500,17 @@ exports[`App Route /package-upload authenticated 1`] = `
         </div>
       </header>
       <div
-        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-611"
+        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-627"
       >
         <div
-          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-612 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
+          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-628 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
         >
           <div
-            class="makeStyles-drawerHeader-613"
+            class="makeStyles-drawerHeader-629"
           >
             <img
               alt="Fisker Admin Portal"
-              class="makeStyles-logo-622"
+              class="makeStyles-logo-638"
               src="fisker-badge.svg"
             />
           </div>
@@ -4698,10 +4700,10 @@ exports[`App Route /package-upload authenticated 1`] = `
         </div>
       </div>
       <main
-        class="makeStyles-content-614 makeStyles-contentShift-615"
+        class="makeStyles-content-630 makeStyles-contentShift-631"
       >
         <div
-          class="makeStyles-drawerHeader-613"
+          class="makeStyles-drawerHeader-629"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
@@ -4710,11 +4712,11 @@ exports[`App Route /package-upload authenticated 1`] = `
             data-testid="mocked-fileuploadprovider"
           >
             <div
-              class="makeStyles-paper-595"
+              class="makeStyles-paper-611"
             >
               <form
                 action="{onSubmit}"
-                class="makeStyles-form-597"
+                class="makeStyles-form-613"
                 novalidate=""
               >
                 <div
@@ -4750,10 +4752,10 @@ exports[`App Route /package-upload authenticated 1`] = `
                     />
                     <fieldset
                       aria-hidden="true"
-                      class="PrivateNotchedOutline-root-630 MuiOutlinedInput-notchedOutline"
+                      class="PrivateNotchedOutline-root-647 MuiOutlinedInput-notchedOutline"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legendLabelled-632"
+                        class="PrivateNotchedOutline-legendLabelled-649"
                       >
                         <span>
                           Package name
@@ -4796,10 +4798,10 @@ exports[`App Route /package-upload authenticated 1`] = `
                     />
                     <fieldset
                       aria-hidden="true"
-                      class="PrivateNotchedOutline-root-630 MuiOutlinedInput-notchedOutline"
+                      class="PrivateNotchedOutline-root-647 MuiOutlinedInput-notchedOutline"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legendLabelled-632"
+                        class="PrivateNotchedOutline-legendLabelled-649"
                       >
                         <span>
                           Version
@@ -4842,10 +4844,10 @@ exports[`App Route /package-upload authenticated 1`] = `
                     />
                     <fieldset
                       aria-hidden="true"
-                      class="PrivateNotchedOutline-root-630 MuiOutlinedInput-notchedOutline"
+                      class="PrivateNotchedOutline-root-647 MuiOutlinedInput-notchedOutline"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legendLabelled-632"
+                        class="PrivateNotchedOutline-legendLabelled-649"
                       >
                         <span>
                           Description
@@ -4889,10 +4891,10 @@ exports[`App Route /package-upload authenticated 1`] = `
                     />
                     <fieldset
                       aria-hidden="true"
-                      class="PrivateNotchedOutline-root-630 MuiOutlinedInput-notchedOutline"
+                      class="PrivateNotchedOutline-root-647 MuiOutlinedInput-notchedOutline"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legendLabelled-632"
+                        class="PrivateNotchedOutline-legendLabelled-649"
                       >
                         <span>
                           Release Notes URL
@@ -4934,7 +4936,7 @@ exports[`App Route /package-upload authenticated 1`] = `
                   </div>
                 </div>
                 <button
-                  class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-598 MuiButton-containedPrimary MuiButton-fullWidth"
+                  class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-614 MuiButton-containedPrimary MuiButton-fullWidth"
                   tabindex="0"
                   type="submit"
                 >
@@ -4963,10 +4965,10 @@ exports[`App Route /package-upload unauthenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-88"
+      class="makeStyles-root-90"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-89 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-91 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -4977,21 +4979,21 @@ exports[`App Route /package-upload unauthenticated 1`] = `
         </div>
       </header>
       <main
-        class="makeStyles-content-96"
+        class="makeStyles-content-98"
       >
         <div
-          class="makeStyles-drawerHeader-95"
+          class="makeStyles-drawerHeader-97"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
         >
           <div
-            class="makeStyles-paper-77"
+            class="makeStyles-paper-79"
             style="justify-content: center;"
           >
             <a
               aria-disabled="false"
-              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-80 MuiButton-containedPrimary"
+              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-82 MuiButton-containedPrimary"
               href="https://cognito.com/authorize?redirect=https://example.com/callback"
               tabindex="0"
             >
@@ -5018,10 +5020,10 @@ exports[`App Route /page-not-found authenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-918"
+      class="makeStyles-root-942"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-919 makeStyles-appBarShift-920 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-943 makeStyles-appBarShift-944 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -5030,7 +5032,7 @@ exports[`App Route /page-not-found authenticated 1`] = `
             class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
           />
           <button
-            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-928 MuiButton-colorInherit"
+            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-952 MuiButton-colorInherit"
             tabindex="0"
             type="button"
           >
@@ -5046,17 +5048,17 @@ exports[`App Route /page-not-found authenticated 1`] = `
         </div>
       </header>
       <div
-        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-923"
+        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-947"
       >
         <div
-          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-924 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
+          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-948 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
         >
           <div
-            class="makeStyles-drawerHeader-925"
+            class="makeStyles-drawerHeader-949"
           >
             <img
               alt="Fisker Admin Portal"
-              class="makeStyles-logo-934"
+              class="makeStyles-logo-958"
               src="fisker-badge.svg"
             />
           </div>
@@ -5246,16 +5248,16 @@ exports[`App Route /page-not-found authenticated 1`] = `
         </div>
       </div>
       <main
-        class="makeStyles-content-926 makeStyles-contentShift-927"
+        class="makeStyles-content-950 makeStyles-contentShift-951"
       >
         <div
-          class="makeStyles-drawerHeader-925"
+          class="makeStyles-drawerHeader-949"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
         >
           <div
-            class="makeStyles-paper-907"
+            class="makeStyles-paper-931"
           >
             <h1
               class="MuiTypography-root MuiTypography-h2"
@@ -5276,10 +5278,10 @@ exports[`App Route /page-not-found unauthenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-881"
+      class="makeStyles-root-904"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-882 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-905 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -5290,16 +5292,16 @@ exports[`App Route /page-not-found unauthenticated 1`] = `
         </div>
       </header>
       <main
-        class="makeStyles-content-889"
+        class="makeStyles-content-912"
       >
         <div
-          class="makeStyles-drawerHeader-888"
+          class="makeStyles-drawerHeader-911"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
         >
           <div
-            class="makeStyles-paper-870"
+            class="makeStyles-paper-893"
           >
             <h1
               class="MuiTypography-root MuiTypography-h2"
@@ -5320,10 +5322,10 @@ exports[`App Route /updates authenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-688"
+      class="makeStyles-root-706"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-689 makeStyles-appBarShift-690 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-707 makeStyles-appBarShift-708 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -5334,7 +5336,7 @@ exports[`App Route /updates authenticated 1`] = `
             Deploy Packages
           </h6>
           <button
-            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-698 MuiButton-colorInherit"
+            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-716 MuiButton-colorInherit"
             tabindex="0"
             type="button"
           >
@@ -5350,17 +5352,17 @@ exports[`App Route /updates authenticated 1`] = `
         </div>
       </header>
       <div
-        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-693"
+        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-711"
       >
         <div
-          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-694 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
+          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-712 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
         >
           <div
-            class="makeStyles-drawerHeader-695"
+            class="makeStyles-drawerHeader-713"
           >
             <img
               alt="Fisker Admin Portal"
-              class="makeStyles-logo-704"
+              class="makeStyles-logo-722"
               src="fisker-badge.svg"
             />
           </div>
@@ -5550,10 +5552,10 @@ exports[`App Route /updates authenticated 1`] = `
         </div>
       </div>
       <main
-        class="makeStyles-content-696 makeStyles-contentShift-697"
+        class="makeStyles-content-714 makeStyles-contentShift-715"
       >
         <div
-          class="makeStyles-drawerHeader-695"
+          class="makeStyles-drawerHeader-713"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
@@ -5562,14 +5564,14 @@ exports[`App Route /updates authenticated 1`] = `
             data-testid="mocked-updatesprovider"
           >
             <div
-              class="makeStyles-paper-677"
+              class="makeStyles-paper-695"
               style="height: 700px; width: 100%;"
             >
               <div
-                class="MuiToolbar-root MuiToolbar-regular makeStyles-tableToolbar-703 MuiToolbar-gutters"
+                class="MuiToolbar-root MuiToolbar-regular makeStyles-tableToolbar-721 MuiToolbar-gutters"
               >
                 <div
-                  class="MuiFormControl-root makeStyles-margin-701 makeStyles-textField-702"
+                  class="MuiFormControl-root makeStyles-margin-719 makeStyles-textField-720"
                 >
                   <label
                     class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated"
@@ -5641,7 +5643,7 @@ exports[`App Route /updates authenticated 1`] = `
                       >
                         ID
                         <span
-                          class="makeStyles-hiddenSortSpan-700"
+                          class="makeStyles-hiddenSortSpan-718"
                         >
                           sorted descending
                         </span>
@@ -5960,10 +5962,10 @@ exports[`App Route /updates unauthenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-162"
+      class="makeStyles-root-166"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-163 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-167 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -5974,21 +5976,21 @@ exports[`App Route /updates unauthenticated 1`] = `
         </div>
       </header>
       <main
-        class="makeStyles-content-170"
+        class="makeStyles-content-174"
       >
         <div
-          class="makeStyles-drawerHeader-169"
+          class="makeStyles-drawerHeader-173"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
         >
           <div
-            class="makeStyles-paper-151"
+            class="makeStyles-paper-155"
             style="justify-content: center;"
           >
             <a
               aria-disabled="false"
-              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-154 MuiButton-containedPrimary"
+              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-158 MuiButton-containedPrimary"
               href="https://cognito.com/authorize?redirect=https://example.com/callback"
               tabindex="0"
             >
@@ -6015,10 +6017,10 @@ exports[`App Route /vehicle-add authenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-647"
+      class="makeStyles-root-664"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-648 makeStyles-appBarShift-649 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-665 makeStyles-appBarShift-666 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -6029,7 +6031,7 @@ exports[`App Route /vehicle-add authenticated 1`] = `
             Add Vehicle
           </h6>
           <button
-            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-657 MuiButton-colorInherit"
+            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-674 MuiButton-colorInherit"
             tabindex="0"
             type="button"
           >
@@ -6045,17 +6047,17 @@ exports[`App Route /vehicle-add authenticated 1`] = `
         </div>
       </header>
       <div
-        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-652"
+        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-669"
       >
         <div
-          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-653 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
+          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-670 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
         >
           <div
-            class="makeStyles-drawerHeader-654"
+            class="makeStyles-drawerHeader-671"
           >
             <img
               alt="Fisker Admin Portal"
-              class="makeStyles-logo-663"
+              class="makeStyles-logo-680"
               src="fisker-badge.svg"
             />
           </div>
@@ -6245,10 +6247,10 @@ exports[`App Route /vehicle-add authenticated 1`] = `
         </div>
       </div>
       <main
-        class="makeStyles-content-655 makeStyles-contentShift-656"
+        class="makeStyles-content-672 makeStyles-contentShift-673"
       >
         <div
-          class="makeStyles-drawerHeader-654"
+          class="makeStyles-drawerHeader-671"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
@@ -6257,11 +6259,11 @@ exports[`App Route /vehicle-add authenticated 1`] = `
             data-testid="mocked-vehicleprovider"
           >
             <div
-              class="makeStyles-paper-636"
+              class="makeStyles-paper-653"
             >
               <form
                 action="{onSubmit}"
-                class="makeStyles-form-638"
+                class="makeStyles-form-655"
                 novalidate=""
               >
                 <div
@@ -6297,10 +6299,10 @@ exports[`App Route /vehicle-add authenticated 1`] = `
                     />
                     <fieldset
                       aria-hidden="true"
-                      class="PrivateNotchedOutline-root-671 MuiOutlinedInput-notchedOutline"
+                      class="PrivateNotchedOutline-root-689 MuiOutlinedInput-notchedOutline"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legendLabelled-673"
+                        class="PrivateNotchedOutline-legendLabelled-691"
                       >
                         <span>
                           VIN
@@ -6343,10 +6345,10 @@ exports[`App Route /vehicle-add authenticated 1`] = `
                     />
                     <fieldset
                       aria-hidden="true"
-                      class="PrivateNotchedOutline-root-671 MuiOutlinedInput-notchedOutline"
+                      class="PrivateNotchedOutline-root-689 MuiOutlinedInput-notchedOutline"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legendLabelled-673 PrivateNotchedOutline-legendNotched-674"
+                        class="PrivateNotchedOutline-legendLabelled-691 PrivateNotchedOutline-legendNotched-692"
                       >
                         <span>
                           Model
@@ -6390,10 +6392,10 @@ exports[`App Route /vehicle-add authenticated 1`] = `
                     />
                     <fieldset
                       aria-hidden="true"
-                      class="PrivateNotchedOutline-root-671 MuiOutlinedInput-notchedOutline"
+                      class="PrivateNotchedOutline-root-689 MuiOutlinedInput-notchedOutline"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legendLabelled-673 PrivateNotchedOutline-legendNotched-674"
+                        class="PrivateNotchedOutline-legendLabelled-691 PrivateNotchedOutline-legendNotched-692"
                       >
                         <span>
                           Year
@@ -6437,10 +6439,10 @@ exports[`App Route /vehicle-add authenticated 1`] = `
                     />
                     <fieldset
                       aria-hidden="true"
-                      class="PrivateNotchedOutline-root-671 MuiOutlinedInput-notchedOutline"
+                      class="PrivateNotchedOutline-root-689 MuiOutlinedInput-notchedOutline"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legendLabelled-673 PrivateNotchedOutline-legendNotched-674"
+                        class="PrivateNotchedOutline-legendLabelled-691 PrivateNotchedOutline-legendNotched-692"
                       >
                         <span>
                           Trim
@@ -6451,7 +6453,7 @@ exports[`App Route /vehicle-add authenticated 1`] = `
                   </div>
                 </div>
                 <button
-                  class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-639 MuiButton-containedPrimary MuiButton-fullWidth"
+                  class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-656 MuiButton-containedPrimary MuiButton-fullWidth"
                   tabindex="0"
                   type="submit"
                 >
@@ -6480,10 +6482,10 @@ exports[`App Route /vehicle-add unauthenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-125"
+      class="makeStyles-root-128"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-126 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-129 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -6494,21 +6496,21 @@ exports[`App Route /vehicle-add unauthenticated 1`] = `
         </div>
       </header>
       <main
-        class="makeStyles-content-133"
+        class="makeStyles-content-136"
       >
         <div
-          class="makeStyles-drawerHeader-132"
+          class="makeStyles-drawerHeader-135"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
         >
           <div
-            class="makeStyles-paper-114"
+            class="makeStyles-paper-117"
             style="justify-content: center;"
           >
             <a
               aria-disabled="false"
-              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-117 MuiButton-containedPrimary"
+              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-120 MuiButton-containedPrimary"
               href="https://cognito.com/authorize?redirect=https://example.com/callback"
               tabindex="0"
             >
@@ -6535,10 +6537,10 @@ exports[`App Route /vehicle-status authenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-799"
+      class="makeStyles-root-820"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-800 makeStyles-appBarShift-801 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-821 makeStyles-appBarShift-822 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -6549,7 +6551,7 @@ exports[`App Route /vehicle-status authenticated 1`] = `
             Vehicle FISKER123 Details
           </h6>
           <button
-            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-809 MuiButton-colorInherit"
+            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-830 MuiButton-colorInherit"
             tabindex="0"
             type="button"
           >
@@ -6565,17 +6567,17 @@ exports[`App Route /vehicle-status authenticated 1`] = `
         </div>
       </header>
       <div
-        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-804"
+        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-825"
       >
         <div
-          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-805 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
+          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-826 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
         >
           <div
-            class="makeStyles-drawerHeader-806"
+            class="makeStyles-drawerHeader-827"
           >
             <img
               alt="Fisker Admin Portal"
-              class="makeStyles-logo-815"
+              class="makeStyles-logo-836"
               src="fisker-badge.svg"
             />
           </div>
@@ -6765,10 +6767,10 @@ exports[`App Route /vehicle-status authenticated 1`] = `
         </div>
       </div>
       <main
-        class="makeStyles-content-807 makeStyles-contentShift-808"
+        class="makeStyles-content-828 makeStyles-contentShift-829"
       >
         <div
-          class="makeStyles-drawerHeader-806"
+          class="makeStyles-drawerHeader-827"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
@@ -6780,7 +6782,7 @@ exports[`App Route /vehicle-status authenticated 1`] = `
               data-testid="mocked-updatesprovider"
             >
               <div
-                class="makeStyles-paper-788"
+                class="makeStyles-paper-809"
                 style="height: 700px; width: 100%;"
               >
                 <table
@@ -6805,7 +6807,7 @@ exports[`App Route /vehicle-status authenticated 1`] = `
                         >
                           ID
                           <span
-                            class="makeStyles-hiddenSortSpan-811"
+                            class="makeStyles-hiddenSortSpan-832"
                           >
                             sorted descending
                           </span>
@@ -7060,10 +7062,10 @@ exports[`App Route /vehicle-status unauthenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-310"
+      class="makeStyles-root-318"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-311 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-319 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -7074,21 +7076,21 @@ exports[`App Route /vehicle-status unauthenticated 1`] = `
         </div>
       </header>
       <main
-        class="makeStyles-content-318"
+        class="makeStyles-content-326"
       >
         <div
-          class="makeStyles-drawerHeader-317"
+          class="makeStyles-drawerHeader-325"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
         >
           <div
-            class="makeStyles-paper-299"
+            class="makeStyles-paper-307"
             style="justify-content: center;"
           >
             <a
               aria-disabled="false"
-              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-302 MuiButton-containedPrimary"
+              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-310 MuiButton-containedPrimary"
               href="https://cognito.com/authorize?redirect=https://example.com/callback"
               tabindex="0"
             >
@@ -7115,10 +7117,10 @@ exports[`App Route /vehicles authenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-762"
+      class="makeStyles-root-782"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-763 makeStyles-appBarShift-764 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-783 makeStyles-appBarShift-784 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -7129,7 +7131,7 @@ exports[`App Route /vehicles authenticated 1`] = `
             Vehicles
           </h6>
           <button
-            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-772 MuiButton-colorInherit"
+            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-792 MuiButton-colorInherit"
             tabindex="0"
             type="button"
           >
@@ -7145,17 +7147,17 @@ exports[`App Route /vehicles authenticated 1`] = `
         </div>
       </header>
       <div
-        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-767"
+        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-787"
       >
         <div
-          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-768 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
+          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-788 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
         >
           <div
-            class="makeStyles-drawerHeader-769"
+            class="makeStyles-drawerHeader-789"
           >
             <img
               alt="Fisker Admin Portal"
-              class="makeStyles-logo-778"
+              class="makeStyles-logo-798"
               src="fisker-badge.svg"
             />
           </div>
@@ -7345,10 +7347,10 @@ exports[`App Route /vehicles authenticated 1`] = `
         </div>
       </div>
       <main
-        class="makeStyles-content-770 makeStyles-contentShift-771"
+        class="makeStyles-content-790 makeStyles-contentShift-791"
       >
         <div
-          class="makeStyles-drawerHeader-769"
+          class="makeStyles-drawerHeader-789"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
@@ -7357,14 +7359,14 @@ exports[`App Route /vehicles authenticated 1`] = `
             data-testid="mocked-vehicleprovider"
           >
             <div
-              class="makeStyles-paper-751"
+              class="makeStyles-paper-771"
               style="height: 700px; width: 100%;"
             >
               <div
-                class="MuiToolbar-root MuiToolbar-regular makeStyles-tableToolbar-777 MuiToolbar-gutters"
+                class="MuiToolbar-root MuiToolbar-regular makeStyles-tableToolbar-797 MuiToolbar-gutters"
               >
                 <div
-                  class="MuiFormControl-root makeStyles-margin-775 makeStyles-textField-776"
+                  class="MuiFormControl-root makeStyles-margin-795 makeStyles-textField-796"
                 >
                   <label
                     class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated"
@@ -7436,7 +7438,7 @@ exports[`App Route /vehicles authenticated 1`] = `
                       >
                         VIN
                         <span
-                          class="makeStyles-hiddenSortSpan-774"
+                          class="makeStyles-hiddenSortSpan-794"
                         >
                           sorted ascending
                         </span>
@@ -7713,10 +7715,10 @@ exports[`App Route /vehicles unauthenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-273"
+      class="makeStyles-root-280"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-274 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-281 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -7727,21 +7729,21 @@ exports[`App Route /vehicles unauthenticated 1`] = `
         </div>
       </header>
       <main
-        class="makeStyles-content-281"
+        class="makeStyles-content-288"
       >
         <div
-          class="makeStyles-drawerHeader-280"
+          class="makeStyles-drawerHeader-287"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
         >
           <div
-            class="makeStyles-paper-262"
+            class="makeStyles-paper-269"
             style="justify-content: center;"
           >
             <a
               aria-disabled="false"
-              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-265 MuiButton-containedPrimary"
+              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-272 MuiButton-containedPrimary"
               href="https://cognito.com/authorize?redirect=https://example.com/callback"
               tabindex="0"
             >
@@ -7768,10 +7770,10 @@ exports[`App Route /vehicles-command authenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-836"
+      class="makeStyles-root-858"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-837 makeStyles-appBarShift-838 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-859 makeStyles-appBarShift-860 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -7782,7 +7784,7 @@ exports[`App Route /vehicles-command authenticated 1`] = `
             Send Command
           </h6>
           <button
-            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-846 MuiButton-colorInherit"
+            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-868 MuiButton-colorInherit"
             tabindex="0"
             type="button"
           >
@@ -7798,17 +7800,17 @@ exports[`App Route /vehicles-command authenticated 1`] = `
         </div>
       </header>
       <div
-        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-841"
+        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-863"
       >
         <div
-          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-842 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
+          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-864 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
         >
           <div
-            class="makeStyles-drawerHeader-843"
+            class="makeStyles-drawerHeader-865"
           >
             <img
               alt="Fisker Admin Portal"
-              class="makeStyles-logo-852"
+              class="makeStyles-logo-874"
               src="fisker-badge.svg"
             />
           </div>
@@ -7998,10 +8000,10 @@ exports[`App Route /vehicles-command authenticated 1`] = `
         </div>
       </div>
       <main
-        class="makeStyles-content-844 makeStyles-contentShift-845"
+        class="makeStyles-content-866 makeStyles-contentShift-867"
       >
         <div
-          class="makeStyles-drawerHeader-843"
+          class="makeStyles-drawerHeader-865"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
@@ -8010,17 +8012,17 @@ exports[`App Route /vehicles-command authenticated 1`] = `
             data-testid="mocked-vehicleprovider"
           >
             <div
-              class="makeStyles-paper-825"
+              class="makeStyles-paper-847"
               style="height: 700px; width: 100%;"
             >
               <div
-                class="MuiGrid-root makeStyles-root-836 MuiGrid-container MuiGrid-spacing-xs-2"
+                class="MuiGrid-root makeStyles-root-858 MuiGrid-container MuiGrid-spacing-xs-2"
               >
                 <div
                   class="MuiGrid-root MuiGrid-item MuiGrid-grid-md-6"
                 >
                   <div
-                    class="MuiFormControl-root makeStyles-margin-849 makeStyles-textField-850"
+                    class="MuiFormControl-root makeStyles-margin-871 makeStyles-textField-872"
                   >
                     <label
                       class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated"
@@ -8070,7 +8072,7 @@ exports[`App Route /vehicles-command authenticated 1`] = `
                     </div>
                   </div>
                   <div
-                    class="makeStyles-labelInline-831"
+                    class="makeStyles-labelInline-853"
                   >
                     0 Selected
                   </div>
@@ -8080,10 +8082,10 @@ exports[`App Route /vehicles-command authenticated 1`] = `
                   style="text-align: right;"
                 >
                   <div
-                    class="makeStyles-form-827"
+                    class="makeStyles-form-849"
                   >
                     <div
-                      class="MuiFormControl-root makeStyles-formControlInline-830"
+                      class="MuiFormControl-root makeStyles-formControlInline-852"
                     >
                       <label
                         class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-filled"
@@ -8145,11 +8147,11 @@ exports[`App Route /vehicles-command authenticated 1`] = `
                         </svg>
                         <fieldset
                           aria-hidden="true"
-                          class="PrivateNotchedOutline-root-860 MuiOutlinedInput-notchedOutline"
+                          class="PrivateNotchedOutline-root-883 MuiOutlinedInput-notchedOutline"
                           style="padding-left: 8px;"
                         >
                           <legend
-                            class="PrivateNotchedOutline-legend-861"
+                            class="PrivateNotchedOutline-legend-884"
                             style="width: 0.01px;"
                           >
                             <span>
@@ -8160,7 +8162,7 @@ exports[`App Route /vehicles-command authenticated 1`] = `
                       </div>
                     </div>
                     <div
-                      class="MuiFormControl-root makeStyles-formControlInline-830"
+                      class="MuiFormControl-root makeStyles-formControlInline-852"
                     >
                       <label
                         class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-filled"
@@ -8217,11 +8219,11 @@ exports[`App Route /vehicles-command authenticated 1`] = `
                         </svg>
                         <fieldset
                           aria-hidden="true"
-                          class="PrivateNotchedOutline-root-860 MuiOutlinedInput-notchedOutline"
+                          class="PrivateNotchedOutline-root-883 MuiOutlinedInput-notchedOutline"
                           style="padding-left: 8px;"
                         >
                           <legend
-                            class="PrivateNotchedOutline-legend-861"
+                            class="PrivateNotchedOutline-legend-884"
                             style="width: 0.01px;"
                           >
                             <span>
@@ -8257,7 +8259,7 @@ exports[`App Route /vehicles-command authenticated 1`] = `
                 </div>
               </div>
               <div
-                class="makeStyles-paper-825"
+                class="makeStyles-paper-847"
                 style="height: 700px; width: 100%;"
               >
                 <table
@@ -8275,14 +8277,14 @@ exports[`App Route /vehicles-command authenticated 1`] = `
                       >
                         <span
                           aria-disabled="false"
-                          class="MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-864 MuiCheckbox-root MuiCheckbox-colorSecondary MuiIconButton-colorSecondary"
+                          class="MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-887 MuiCheckbox-root MuiCheckbox-colorSecondary MuiIconButton-colorSecondary"
                         >
                           <span
                             class="MuiIconButton-label"
                           >
                             <input
                               aria-label="select all desserts"
-                              class="PrivateSwitchBase-input-867"
+                              class="PrivateSwitchBase-input-890"
                               data-indeterminate="false"
                               type="checkbox"
                               value=""
@@ -8316,7 +8318,7 @@ exports[`App Route /vehicles-command authenticated 1`] = `
                         >
                           VIN
                           <span
-                            class="makeStyles-hiddenSortSpan-848"
+                            class="makeStyles-hiddenSortSpan-870"
                           >
                             sorted ascending
                           </span>
@@ -8594,10 +8596,10 @@ exports[`App Route /vehicles-command unauthenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-347"
+      class="makeStyles-root-356"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-348 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-357 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -8608,21 +8610,21 @@ exports[`App Route /vehicles-command unauthenticated 1`] = `
         </div>
       </header>
       <main
-        class="makeStyles-content-355"
+        class="makeStyles-content-364"
       >
         <div
-          class="makeStyles-drawerHeader-354"
+          class="makeStyles-drawerHeader-363"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
         >
           <div
-            class="makeStyles-paper-336"
+            class="makeStyles-paper-345"
             style="justify-content: center;"
           >
             <a
               aria-disabled="false"
-              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-339 MuiButton-containedPrimary"
+              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-348 MuiButton-containedPrimary"
               href="https://cognito.com/authorize?redirect=https://example.com/callback"
               tabindex="0"
             >
diff --git a/src/components/Home/index.jsx b/src/components/Home/index.jsx
index 307579e..aad89d4 100644
--- a/src/components/Home/index.jsx
+++ b/src/components/Home/index.jsx
@@ -28,16 +28,14 @@ const Home = () => {
 
 
   useEffect(() => {
-    setTitle("");
+    setTitle("Home");
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   return (
     <div className={classes.paper}>
-      <Typography component="h1" variant="h5">
+      <Typography className={classes.homePageTitle} component="h1" variant="h5">
         {greeting}
       </Typography>
-
-      <br />
       <VehicleMap />
     </div>
   );
diff --git a/src/components/UpdatePackages/Create/__snapshots__/Create.test.js.snap b/src/components/UpdatePackages/Create/__snapshots__/Create.test.js.snap
index 8c21e05..724c403 100644
--- a/src/components/UpdatePackages/Create/__snapshots__/Create.test.js.snap
+++ b/src/components/UpdatePackages/Create/__snapshots__/Create.test.js.snap
@@ -46,10 +46,10 @@ exports[`File Upload Form Should render 1`] = `
             />
             <fieldset
               aria-hidden="true"
-              class="PrivateNotchedOutline-root-38 MuiOutlinedInput-notchedOutline"
+              class="PrivateNotchedOutline-root-39 MuiOutlinedInput-notchedOutline"
             >
               <legend
-                class="PrivateNotchedOutline-legendLabelled-40"
+                class="PrivateNotchedOutline-legendLabelled-41"
               >
                 <span>
                   Package name
@@ -92,10 +92,10 @@ exports[`File Upload Form Should render 1`] = `
             />
             <fieldset
               aria-hidden="true"
-              class="PrivateNotchedOutline-root-38 MuiOutlinedInput-notchedOutline"
+              class="PrivateNotchedOutline-root-39 MuiOutlinedInput-notchedOutline"
             >
               <legend
-                class="PrivateNotchedOutline-legendLabelled-40"
+                class="PrivateNotchedOutline-legendLabelled-41"
               >
                 <span>
                   Version
@@ -138,10 +138,10 @@ exports[`File Upload Form Should render 1`] = `
             />
             <fieldset
               aria-hidden="true"
-              class="PrivateNotchedOutline-root-38 MuiOutlinedInput-notchedOutline"
+              class="PrivateNotchedOutline-root-39 MuiOutlinedInput-notchedOutline"
             >
               <legend
-                class="PrivateNotchedOutline-legendLabelled-40"
+                class="PrivateNotchedOutline-legendLabelled-41"
               >
                 <span>
                   Description
@@ -185,10 +185,10 @@ exports[`File Upload Form Should render 1`] = `
             />
             <fieldset
               aria-hidden="true"
-              class="PrivateNotchedOutline-root-38 MuiOutlinedInput-notchedOutline"
+              class="PrivateNotchedOutline-root-39 MuiOutlinedInput-notchedOutline"
             >
               <legend
-                class="PrivateNotchedOutline-legendLabelled-40"
+                class="PrivateNotchedOutline-legendLabelled-41"
               >
                 <span>
                   Release Notes URL
diff --git a/src/components/VehicleMap/index.jsx b/src/components/VehicleMap/index.jsx
index bbe1bee..afcd78a 100644
--- a/src/components/VehicleMap/index.jsx
+++ b/src/components/VehicleMap/index.jsx
@@ -44,7 +44,7 @@ const Component = () => {
     return getLocations(token)
       .then(result => {
         if (result.data != null) {
-          var points = result.data.map(point => [point.latitude, point.longitude, point.vin]);
+          const points = result.data.map(point => [point.latitude, point.longitude, point.vin]);
           setMarkers(points);
           return points
         }
@@ -57,7 +57,7 @@ const Component = () => {
     if (markers == null) {
       markers = []
     }
-    var coord = markers.reduce((coord, marker) => {
+    const coord = markers.reduce((coord, marker) => {
       coord[0] += marker[0] / markers.length;
       coord[1] += marker[1] / markers.length;
       return coord;
@@ -71,7 +71,7 @@ const Component = () => {
 
   useEffect(() => {
     if (markers.length > 0) {
-      var vins = markers.map(marker => marker[2]);
+      const vins = markers.map(marker => marker[2]);
       getConnections(vins, token)
         .then(connections => {
           setConnections(connections);
@@ -112,7 +112,7 @@ const Component = () => {
   };
 
   function getCarIcon(vin) {
-    var icon = RedCarIcon;
+    let icon = RedCarIcon;
 
     if (connections[vin]) {
       icon = GreenCarIcon;
diff --git a/src/components/useStyles.jsx b/src/components/useStyles.jsx
index 9e3967b..cbd3068 100644
--- a/src/components/useStyles.jsx
+++ b/src/components/useStyles.jsx
@@ -179,6 +179,9 @@ const useStyles = makeStyles((theme) => ({
     top: theme.spacing(1),
     color: theme.palette.grey[500],
   },
+  homePageTitle: {
+    marginBottom: 25,
+  },
   markerTitle: {
     margin: 5,
   },