From eb22be3763e2f41a26d9d550a8559507bb4ecf12 Mon Sep 17 00:00:00 2001
From: Drew Taylor <dtaylor@fiskerinc.com>
Date: Thu, 22 Jul 2021 10:30:38 -0700
Subject: [PATCH] fixing warnings and updating snapshots

---
 .../App/__snapshots__/App.test.js.snap        | 596 +++++++++---------
 src/components/Home/index.jsx                 |   2 +-
 .../Create/__snapshots__/Create.test.js.snap  |  16 +-
 src/components/VehicleMap/index.jsx           |  16 +-
 src/components/VehicleMap/popup.jsx           |  11 +-
 src/components/useStyles.jsx                  |   8 +-
 src/services/monitoring.js                    |  34 +-
 7 files changed, 343 insertions(+), 340 deletions(-)

diff --git a/src/components/App/__snapshots__/App.test.js.snap b/src/components/App/__snapshots__/App.test.js.snap
index f6cb0ee..af4838b 100644
--- a/src/components/App/__snapshots__/App.test.js.snap
+++ b/src/components/App/__snapshots__/App.test.js.snap
@@ -6,10 +6,10 @@ exports[`App Route / authenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-518"
+      class="makeStyles-root-532"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-519 makeStyles-appBarShift-520 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-533 makeStyles-appBarShift-534 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -18,7 +18,7 @@ exports[`App Route / authenticated 1`] = `
             class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
           />
           <button
-            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-528 MuiButton-colorInherit"
+            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-542 MuiButton-colorInherit"
             tabindex="0"
             type="button"
           >
@@ -34,17 +34,17 @@ exports[`App Route / authenticated 1`] = `
         </div>
       </header>
       <div
-        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-523"
+        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-537"
       >
         <div
-          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-524 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
+          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-538 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
         >
           <div
-            class="makeStyles-drawerHeader-525"
+            class="makeStyles-drawerHeader-539"
           >
             <img
               alt="Fisker Admin Portal"
-              class="makeStyles-logo-534"
+              class="makeStyles-logo-548"
               src="fisker-badge.svg"
             />
           </div>
@@ -234,16 +234,16 @@ exports[`App Route / authenticated 1`] = `
         </div>
       </div>
       <main
-        class="makeStyles-content-526 makeStyles-contentShift-527"
+        class="makeStyles-content-540 makeStyles-contentShift-541"
       >
         <div
-          class="makeStyles-drawerHeader-525"
+          class="makeStyles-drawerHeader-539"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
         >
           <div
-            class="makeStyles-paper-507"
+            class="makeStyles-paper-521"
           >
             <h1
               class="MuiTypography-root MuiTypography-h5"
@@ -449,10 +449,10 @@ exports[`App Route /carupdate-deploy authenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-930"
+      class="makeStyles-root-955"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-931 makeStyles-appBarShift-932 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-956 makeStyles-appBarShift-957 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -463,7 +463,7 @@ exports[`App Route /carupdate-deploy authenticated 1`] = `
             Deploy Package 1.0
           </h6>
           <button
-            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-940 MuiButton-colorInherit"
+            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-965 MuiButton-colorInherit"
             tabindex="0"
             type="button"
           >
@@ -479,17 +479,17 @@ exports[`App Route /carupdate-deploy authenticated 1`] = `
         </div>
       </header>
       <div
-        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-935"
+        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-960"
       >
         <div
-          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-936 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
+          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-961 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
         >
           <div
-            class="makeStyles-drawerHeader-937"
+            class="makeStyles-drawerHeader-962"
           >
             <img
               alt="Fisker Admin Portal"
-              class="makeStyles-logo-946"
+              class="makeStyles-logo-971"
               src="fisker-badge.svg"
             />
           </div>
@@ -679,10 +679,10 @@ exports[`App Route /carupdate-deploy authenticated 1`] = `
         </div>
       </div>
       <main
-        class="makeStyles-content-938 makeStyles-contentShift-939"
+        class="makeStyles-content-963 makeStyles-contentShift-964"
       >
         <div
-          class="makeStyles-drawerHeader-937"
+          class="makeStyles-drawerHeader-962"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
@@ -694,11 +694,11 @@ exports[`App Route /carupdate-deploy authenticated 1`] = `
               data-testid="mocked-updatesprovider"
             >
               <div
-                class="makeStyles-paper-919"
+                class="makeStyles-paper-944"
               >
                 <form
                   action="{onSubmit}"
-                  class="makeStyles-form-921"
+                  class="makeStyles-form-946"
                   novalidate=""
                 >
                   <p
@@ -710,13 +710,13 @@ exports[`App Route /carupdate-deploy authenticated 1`] = `
                     Description
                   </p>
                   <div
-                    class="MuiGrid-root makeStyles-root-930 MuiGrid-container MuiGrid-spacing-xs-2"
+                    class="MuiGrid-root makeStyles-root-955 MuiGrid-container MuiGrid-spacing-xs-2"
                   >
                     <div
                       class="MuiGrid-root MuiGrid-item MuiGrid-grid-md-10"
                     >
                       <div
-                        class="MuiFormControl-root makeStyles-margin-943 makeStyles-textField-944"
+                        class="MuiFormControl-root makeStyles-margin-968 makeStyles-textField-969"
                       >
                         <label
                           class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated"
@@ -766,7 +766,7 @@ exports[`App Route /carupdate-deploy authenticated 1`] = `
                         </div>
                       </div>
                       <div
-                        class="makeStyles-labelInline-925"
+                        class="makeStyles-labelInline-950"
                       >
                         0 Selected
                       </div>
@@ -776,7 +776,7 @@ exports[`App Route /carupdate-deploy authenticated 1`] = `
                       style="text-align: right;"
                     >
                       <button
-                        class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-formControl-923 MuiButton-containedPrimary Mui-disabled MuiButton-fullWidth Mui-disabled"
+                        class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-formControl-948 MuiButton-containedPrimary Mui-disabled MuiButton-fullWidth Mui-disabled"
                         disabled=""
                         tabindex="-1"
                         type="submit"
@@ -790,7 +790,7 @@ exports[`App Route /carupdate-deploy authenticated 1`] = `
                     </div>
                   </div>
                   <div
-                    class="makeStyles-paper-919"
+                    class="makeStyles-paper-944"
                     style="height: 700px; width: 100%;"
                   >
                     <table
@@ -808,14 +808,14 @@ exports[`App Route /carupdate-deploy authenticated 1`] = `
                           >
                             <span
                               aria-disabled="false"
-                              class="MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-953 MuiCheckbox-root MuiCheckbox-colorSecondary MuiIconButton-colorSecondary"
+                              class="MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-979 MuiCheckbox-root MuiCheckbox-colorSecondary MuiIconButton-colorSecondary"
                             >
                               <span
                                 class="MuiIconButton-label"
                               >
                                 <input
                                   aria-label="select all desserts"
-                                  class="PrivateSwitchBase-input-956"
+                                  class="PrivateSwitchBase-input-982"
                                   data-indeterminate="false"
                                   type="checkbox"
                                   value=""
@@ -849,7 +849,7 @@ exports[`App Route /carupdate-deploy authenticated 1`] = `
                             >
                               VIN
                               <span
-                                class="makeStyles-hiddenSortSpan-942"
+                                class="makeStyles-hiddenSortSpan-967"
                               >
                                 sorted ascending
                               </span>
@@ -1129,10 +1129,10 @@ exports[`App Route /carupdate-deploy unauthenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-194"
+      class="makeStyles-root-199"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-195 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-200 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -1143,21 +1143,21 @@ exports[`App Route /carupdate-deploy unauthenticated 1`] = `
         </div>
       </header>
       <main
-        class="makeStyles-content-202"
+        class="makeStyles-content-207"
       >
         <div
-          class="makeStyles-drawerHeader-201"
+          class="makeStyles-drawerHeader-206"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
         >
           <div
-            class="makeStyles-paper-183"
+            class="makeStyles-paper-188"
             style="justify-content: center;"
           >
             <a
               aria-disabled="false"
-              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-186 MuiButton-containedPrimary"
+              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-191 MuiButton-containedPrimary"
               href="https://cognito.com/authorize?redirect=https://example.com/callback"
               tabindex="0"
             >
@@ -1184,10 +1184,10 @@ exports[`App Route /carupdate-status authenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-706"
+      class="makeStyles-root-725"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-707 makeStyles-appBarShift-708 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-726 makeStyles-appBarShift-727 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -1198,7 +1198,7 @@ exports[`App Route /carupdate-status authenticated 1`] = `
             Package Package 1.0
           </h6>
           <button
-            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-716 MuiButton-colorInherit"
+            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-735 MuiButton-colorInherit"
             tabindex="0"
             type="button"
           >
@@ -1214,17 +1214,17 @@ exports[`App Route /carupdate-status authenticated 1`] = `
         </div>
       </header>
       <div
-        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-711"
+        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-730"
       >
         <div
-          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-712 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
+          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-731 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
         >
           <div
-            class="makeStyles-drawerHeader-713"
+            class="makeStyles-drawerHeader-732"
           >
             <img
               alt="Fisker Admin Portal"
-              class="makeStyles-logo-722"
+              class="makeStyles-logo-741"
               src="fisker-badge.svg"
             />
           </div>
@@ -1414,10 +1414,10 @@ exports[`App Route /carupdate-status authenticated 1`] = `
         </div>
       </div>
       <main
-        class="makeStyles-content-714 makeStyles-contentShift-715"
+        class="makeStyles-content-733 makeStyles-contentShift-734"
       >
         <div
-          class="makeStyles-drawerHeader-713"
+          class="makeStyles-drawerHeader-732"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
@@ -1426,7 +1426,7 @@ exports[`App Route /carupdate-status authenticated 1`] = `
             data-testid="mocked-updatesprovider"
           >
             <div
-              class="makeStyles-paper-695"
+              class="makeStyles-paper-714"
               style="height: 700px; width: 100%;"
             >
               <table
@@ -1614,10 +1614,10 @@ exports[`App Route /carupdate-status unauthenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-230"
+      class="makeStyles-root-236"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-231 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-237 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -1628,21 +1628,21 @@ exports[`App Route /carupdate-status unauthenticated 1`] = `
         </div>
       </header>
       <main
-        class="makeStyles-content-238"
+        class="makeStyles-content-244"
       >
         <div
-          class="makeStyles-drawerHeader-237"
+          class="makeStyles-drawerHeader-243"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
         >
           <div
-            class="makeStyles-paper-219"
+            class="makeStyles-paper-225"
             style="justify-content: center;"
           >
             <a
               aria-disabled="false"
-              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-222 MuiButton-containedPrimary"
+              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-228 MuiButton-containedPrimary"
               href="https://cognito.com/authorize?redirect=https://example.com/callback"
               tabindex="0"
             >
@@ -1669,10 +1669,10 @@ exports[`App Route /dashboard authenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-970"
+      class="makeStyles-root-996"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-971 makeStyles-appBarShift-972 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-997 makeStyles-appBarShift-998 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -1683,7 +1683,7 @@ exports[`App Route /dashboard authenticated 1`] = `
             Dashboard
           </h6>
           <button
-            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-980 MuiButton-colorInherit"
+            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-1006 MuiButton-colorInherit"
             tabindex="0"
             type="button"
           >
@@ -1699,17 +1699,17 @@ exports[`App Route /dashboard authenticated 1`] = `
         </div>
       </header>
       <div
-        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-975"
+        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-1001"
       >
         <div
-          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-976 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
+          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-1002 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
         >
           <div
-            class="makeStyles-drawerHeader-977"
+            class="makeStyles-drawerHeader-1003"
           >
             <img
               alt="Fisker Admin Portal"
-              class="makeStyles-logo-986"
+              class="makeStyles-logo-1012"
               src="fisker-badge.svg"
             />
           </div>
@@ -1899,25 +1899,25 @@ exports[`App Route /dashboard authenticated 1`] = `
         </div>
       </div>
       <main
-        class="makeStyles-content-978 makeStyles-contentShift-979"
+        class="makeStyles-content-1004 makeStyles-contentShift-1005"
       >
         <div
-          class="makeStyles-drawerHeader-977"
+          class="makeStyles-drawerHeader-1003"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
         >
           <div
-            class="makeStyles-paper-959"
+            class="makeStyles-paper-985"
           >
             <div
-              class="MuiGrid-root makeStyles-root-970 MuiGrid-container MuiGrid-spacing-xs-2"
+              class="MuiGrid-root makeStyles-root-996 MuiGrid-container MuiGrid-spacing-xs-2"
             >
               <div
                 class="MuiGrid-root MuiGrid-item MuiGrid-grid-md-6"
               >
                 <div
-                  class="makeStyles-embeddedWrapper-988"
+                  class="makeStyles-embeddedWrapper-1014"
                 >
                   <iframe
                     frameborder="0"
@@ -1931,7 +1931,7 @@ exports[`App Route /dashboard authenticated 1`] = `
                 class="MuiGrid-root MuiGrid-item MuiGrid-grid-md-6"
               >
                 <div
-                  class="makeStyles-embeddedWrapper-988"
+                  class="makeStyles-embeddedWrapper-1014"
                 >
                   <iframe
                     frameborder="0"
@@ -1986,10 +1986,10 @@ exports[`App Route /dashboard unauthenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-374"
+      class="makeStyles-root-384"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-375 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-385 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -2000,21 +2000,21 @@ exports[`App Route /dashboard unauthenticated 1`] = `
         </div>
       </header>
       <main
-        class="makeStyles-content-382"
+        class="makeStyles-content-392"
       >
         <div
-          class="makeStyles-drawerHeader-381"
+          class="makeStyles-drawerHeader-391"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
         >
           <div
-            class="makeStyles-paper-363"
+            class="makeStyles-paper-373"
             style="justify-content: center;"
           >
             <a
               aria-disabled="false"
-              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-366 MuiButton-containedPrimary"
+              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-376 MuiButton-containedPrimary"
               href="https://cognito.com/authorize?redirect=https://example.com/callback"
               tabindex="0"
             >
@@ -2041,10 +2041,10 @@ exports[`App Route /home authenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-554"
+      class="makeStyles-root-569"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-555 makeStyles-appBarShift-556 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-570 makeStyles-appBarShift-571 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -2053,7 +2053,7 @@ exports[`App Route /home authenticated 1`] = `
             class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
           />
           <button
-            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-564 MuiButton-colorInherit"
+            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-579 MuiButton-colorInherit"
             tabindex="0"
             type="button"
           >
@@ -2069,17 +2069,17 @@ exports[`App Route /home authenticated 1`] = `
         </div>
       </header>
       <div
-        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-559"
+        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-574"
       >
         <div
-          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-560 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
+          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-575 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
         >
           <div
-            class="makeStyles-drawerHeader-561"
+            class="makeStyles-drawerHeader-576"
           >
             <img
               alt="Fisker Admin Portal"
-              class="makeStyles-logo-570"
+              class="makeStyles-logo-585"
               src="fisker-badge.svg"
             />
           </div>
@@ -2269,16 +2269,16 @@ exports[`App Route /home authenticated 1`] = `
         </div>
       </div>
       <main
-        class="makeStyles-content-562 makeStyles-contentShift-563"
+        class="makeStyles-content-577 makeStyles-contentShift-578"
       >
         <div
-          class="makeStyles-drawerHeader-561"
+          class="makeStyles-drawerHeader-576"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
         >
           <div
-            class="makeStyles-paper-543"
+            class="makeStyles-paper-558"
           >
             <h1
               class="MuiTypography-root MuiTypography-h5"
@@ -2429,10 +2429,10 @@ exports[`App Route /home unauthenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-50"
+      class="makeStyles-root-51"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-51 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-52 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -2443,21 +2443,21 @@ exports[`App Route /home unauthenticated 1`] = `
         </div>
       </header>
       <main
-        class="makeStyles-content-58"
+        class="makeStyles-content-59"
       >
         <div
-          class="makeStyles-drawerHeader-57"
+          class="makeStyles-drawerHeader-58"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
         >
           <div
-            class="makeStyles-paper-39"
+            class="makeStyles-paper-40"
             style="justify-content: center;"
           >
             <a
               aria-disabled="false"
-              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-42 MuiButton-containedPrimary"
+              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-43 MuiButton-containedPrimary"
               href="https://cognito.com/authorize?redirect=https://example.com/callback"
               tabindex="0"
             >
@@ -2484,10 +2484,10 @@ exports[`App Route /manifest-deploy authenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-1078"
+      class="makeStyles-root-1107"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-1079 makeStyles-appBarShift-1080 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-1108 makeStyles-appBarShift-1109 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -2498,7 +2498,7 @@ exports[`App Route /manifest-deploy authenticated 1`] = `
             Deploy Test Manifest 1.0
           </h6>
           <button
-            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-1088 MuiButton-colorInherit"
+            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-1117 MuiButton-colorInherit"
             tabindex="0"
             type="button"
           >
@@ -2514,17 +2514,17 @@ exports[`App Route /manifest-deploy authenticated 1`] = `
         </div>
       </header>
       <div
-        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-1083"
+        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-1112"
       >
         <div
-          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-1084 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
+          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-1113 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
         >
           <div
-            class="makeStyles-drawerHeader-1085"
+            class="makeStyles-drawerHeader-1114"
           >
             <img
               alt="Fisker Admin Portal"
-              class="makeStyles-logo-1094"
+              class="makeStyles-logo-1123"
               src="fisker-badge.svg"
             />
           </div>
@@ -2714,10 +2714,10 @@ exports[`App Route /manifest-deploy authenticated 1`] = `
         </div>
       </div>
       <main
-        class="makeStyles-content-1086 makeStyles-contentShift-1087"
+        class="makeStyles-content-1115 makeStyles-contentShift-1116"
       >
         <div
-          class="makeStyles-drawerHeader-1085"
+          class="makeStyles-drawerHeader-1114"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
@@ -2732,11 +2732,11 @@ exports[`App Route /manifest-deploy authenticated 1`] = `
                 data-testid="mocked-carupdatesprovider"
               >
                 <div
-                  class="makeStyles-paper-1067"
+                  class="makeStyles-paper-1096"
                 >
                   <form
                     action="{onSubmit}"
-                    class="makeStyles-form-1069"
+                    class="makeStyles-form-1098"
                     novalidate=""
                   >
                     <p
@@ -2747,13 +2747,13 @@ exports[`App Route /manifest-deploy authenticated 1`] = `
                       .
                     </p>
                     <div
-                      class="MuiGrid-root makeStyles-root-1078 MuiGrid-container MuiGrid-spacing-xs-2"
+                      class="MuiGrid-root makeStyles-root-1107 MuiGrid-container MuiGrid-spacing-xs-2"
                     >
                       <div
                         class="MuiGrid-root MuiGrid-item MuiGrid-grid-md-10"
                       >
                         <div
-                          class="MuiFormControl-root makeStyles-margin-1091 makeStyles-textField-1092"
+                          class="MuiFormControl-root makeStyles-margin-1120 makeStyles-textField-1121"
                         >
                           <label
                             class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated"
@@ -2803,7 +2803,7 @@ exports[`App Route /manifest-deploy authenticated 1`] = `
                           </div>
                         </div>
                         <div
-                          class="makeStyles-labelInline-1073"
+                          class="makeStyles-labelInline-1102"
                         >
                           0 Selected
                         </div>
@@ -2813,7 +2813,7 @@ exports[`App Route /manifest-deploy authenticated 1`] = `
                         style="text-align: right;"
                       >
                         <button
-                          class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-formControl-1071 MuiButton-containedPrimary Mui-disabled MuiButton-fullWidth Mui-disabled"
+                          class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-formControl-1100 MuiButton-containedPrimary Mui-disabled MuiButton-fullWidth Mui-disabled"
                           disabled=""
                           tabindex="-1"
                           type="submit"
@@ -2827,7 +2827,7 @@ exports[`App Route /manifest-deploy authenticated 1`] = `
                       </div>
                     </div>
                     <div
-                      class="makeStyles-paper-1067"
+                      class="makeStyles-paper-1096"
                       style="height: 700px; width: 100%;"
                     >
                       <table
@@ -2845,14 +2845,14 @@ exports[`App Route /manifest-deploy authenticated 1`] = `
                             >
                               <span
                                 aria-disabled="false"
-                                class="MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1101 MuiCheckbox-root MuiCheckbox-colorSecondary MuiIconButton-colorSecondary"
+                                class="MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1131 MuiCheckbox-root MuiCheckbox-colorSecondary MuiIconButton-colorSecondary"
                               >
                                 <span
                                   class="MuiIconButton-label"
                                 >
                                   <input
                                     aria-label="select all desserts"
-                                    class="PrivateSwitchBase-input-1104"
+                                    class="PrivateSwitchBase-input-1134"
                                     data-indeterminate="false"
                                     type="checkbox"
                                     value=""
@@ -2886,7 +2886,7 @@ exports[`App Route /manifest-deploy authenticated 1`] = `
                               >
                                 VIN
                                 <span
-                                  class="makeStyles-hiddenSortSpan-1090"
+                                  class="makeStyles-hiddenSortSpan-1119"
                                 >
                                   sorted ascending
                                 </span>
@@ -3167,10 +3167,10 @@ exports[`App Route /manifest-deploy unauthenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-482"
+      class="makeStyles-root-495"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-483 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-496 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -3181,21 +3181,21 @@ exports[`App Route /manifest-deploy unauthenticated 1`] = `
         </div>
       </header>
       <main
-        class="makeStyles-content-490"
+        class="makeStyles-content-503"
       >
         <div
-          class="makeStyles-drawerHeader-489"
+          class="makeStyles-drawerHeader-502"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
         >
           <div
-            class="makeStyles-paper-471"
+            class="makeStyles-paper-484"
             style="justify-content: center;"
           >
             <a
               aria-disabled="false"
-              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-474 MuiButton-containedPrimary"
+              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-487 MuiButton-containedPrimary"
               href="https://cognito.com/authorize?redirect=https://example.com/callback"
               tabindex="0"
             >
@@ -3222,10 +3222,10 @@ exports[`App Route /manifest-status authenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-1042"
+      class="makeStyles-root-1070"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-1043 makeStyles-appBarShift-1044 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-1071 makeStyles-appBarShift-1072 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -3236,7 +3236,7 @@ exports[`App Route /manifest-status authenticated 1`] = `
             Manifest Test Manifest 1.0
           </h6>
           <button
-            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-1052 MuiButton-colorInherit"
+            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-1080 MuiButton-colorInherit"
             tabindex="0"
             type="button"
           >
@@ -3252,17 +3252,17 @@ exports[`App Route /manifest-status authenticated 1`] = `
         </div>
       </header>
       <div
-        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-1047"
+        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-1075"
       >
         <div
-          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-1048 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
+          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-1076 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
         >
           <div
-            class="makeStyles-drawerHeader-1049"
+            class="makeStyles-drawerHeader-1077"
           >
             <img
               alt="Fisker Admin Portal"
-              class="makeStyles-logo-1058"
+              class="makeStyles-logo-1086"
               src="fisker-badge.svg"
             />
           </div>
@@ -3452,10 +3452,10 @@ exports[`App Route /manifest-status authenticated 1`] = `
         </div>
       </div>
       <main
-        class="makeStyles-content-1050 makeStyles-contentShift-1051"
+        class="makeStyles-content-1078 makeStyles-contentShift-1079"
       >
         <div
-          class="makeStyles-drawerHeader-1049"
+          class="makeStyles-drawerHeader-1077"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
@@ -3467,7 +3467,7 @@ exports[`App Route /manifest-status authenticated 1`] = `
               data-testid="mocked-carupdatesprovider"
             >
               <div
-                class="makeStyles-paper-1031"
+                class="makeStyles-paper-1059"
                 style="height: 700px; width: 100%;"
               >
                 <table
@@ -3690,10 +3690,10 @@ exports[`App Route /manifest-status unauthenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-446"
+      class="makeStyles-root-458"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-447 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-459 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -3704,21 +3704,21 @@ exports[`App Route /manifest-status unauthenticated 1`] = `
         </div>
       </header>
       <main
-        class="makeStyles-content-454"
+        class="makeStyles-content-466"
       >
         <div
-          class="makeStyles-drawerHeader-453"
+          class="makeStyles-drawerHeader-465"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
         >
           <div
-            class="makeStyles-paper-435"
+            class="makeStyles-paper-447"
             style="justify-content: center;"
           >
             <a
               aria-disabled="false"
-              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-438 MuiButton-containedPrimary"
+              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-450 MuiButton-containedPrimary"
               href="https://cognito.com/authorize?redirect=https://example.com/callback"
               tabindex="0"
             >
@@ -3745,10 +3745,10 @@ exports[`App Route /manifests authenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-1006"
+      class="makeStyles-root-1033"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-1007 makeStyles-appBarShift-1008 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-1034 makeStyles-appBarShift-1035 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -3759,7 +3759,7 @@ exports[`App Route /manifests authenticated 1`] = `
             Deploy Manifest
           </h6>
           <button
-            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-1016 MuiButton-colorInherit"
+            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-1043 MuiButton-colorInherit"
             tabindex="0"
             type="button"
           >
@@ -3775,17 +3775,17 @@ exports[`App Route /manifests authenticated 1`] = `
         </div>
       </header>
       <div
-        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-1011"
+        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-1038"
       >
         <div
-          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-1012 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
+          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-1039 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
         >
           <div
-            class="makeStyles-drawerHeader-1013"
+            class="makeStyles-drawerHeader-1040"
           >
             <img
               alt="Fisker Admin Portal"
-              class="makeStyles-logo-1022"
+              class="makeStyles-logo-1049"
               src="fisker-badge.svg"
             />
           </div>
@@ -3975,10 +3975,10 @@ exports[`App Route /manifests authenticated 1`] = `
         </div>
       </div>
       <main
-        class="makeStyles-content-1014 makeStyles-contentShift-1015"
+        class="makeStyles-content-1041 makeStyles-contentShift-1042"
       >
         <div
-          class="makeStyles-drawerHeader-1013"
+          class="makeStyles-drawerHeader-1040"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
@@ -3987,14 +3987,14 @@ exports[`App Route /manifests authenticated 1`] = `
             data-testid="mocked-manifestsprovider"
           >
             <div
-              class="makeStyles-paper-995"
+              class="makeStyles-paper-1022"
               style="height: 700px; width: 100%;"
             >
               <div
-                class="MuiToolbar-root MuiToolbar-regular makeStyles-tableToolbar-1021 MuiToolbar-gutters"
+                class="MuiToolbar-root MuiToolbar-regular makeStyles-tableToolbar-1048 MuiToolbar-gutters"
               >
                 <div
-                  class="MuiFormControl-root makeStyles-margin-1019 makeStyles-textField-1020"
+                  class="MuiFormControl-root makeStyles-margin-1046 makeStyles-textField-1047"
                 >
                   <label
                     class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated"
@@ -4066,7 +4066,7 @@ exports[`App Route /manifests authenticated 1`] = `
                       >
                         ID
                         <span
-                          class="makeStyles-hiddenSortSpan-1018"
+                          class="makeStyles-hiddenSortSpan-1045"
                         >
                           sorted ascending
                         </span>
@@ -4413,10 +4413,10 @@ exports[`App Route /manifests unauthenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-410"
+      class="makeStyles-root-421"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-411 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-422 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -4427,21 +4427,21 @@ exports[`App Route /manifests unauthenticated 1`] = `
         </div>
       </header>
       <main
-        class="makeStyles-content-418"
+        class="makeStyles-content-429"
       >
         <div
-          class="makeStyles-drawerHeader-417"
+          class="makeStyles-drawerHeader-428"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
         >
           <div
-            class="makeStyles-paper-399"
+            class="makeStyles-paper-410"
             style="justify-content: center;"
           >
             <a
               aria-disabled="false"
-              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-402 MuiButton-containedPrimary"
+              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-413 MuiButton-containedPrimary"
               href="https://cognito.com/authorize?redirect=https://example.com/callback"
               tabindex="0"
             >
@@ -4468,10 +4468,10 @@ exports[`App Route /package-upload authenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-590"
+      class="makeStyles-root-606"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-591 makeStyles-appBarShift-592 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-607 makeStyles-appBarShift-608 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -4482,7 +4482,7 @@ exports[`App Route /package-upload authenticated 1`] = `
             Create Update Package
           </h6>
           <button
-            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-600 MuiButton-colorInherit"
+            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-616 MuiButton-colorInherit"
             tabindex="0"
             type="button"
           >
@@ -4498,17 +4498,17 @@ exports[`App Route /package-upload authenticated 1`] = `
         </div>
       </header>
       <div
-        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-595"
+        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-611"
       >
         <div
-          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-596 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
+          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-612 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
         >
           <div
-            class="makeStyles-drawerHeader-597"
+            class="makeStyles-drawerHeader-613"
           >
             <img
               alt="Fisker Admin Portal"
-              class="makeStyles-logo-606"
+              class="makeStyles-logo-622"
               src="fisker-badge.svg"
             />
           </div>
@@ -4698,10 +4698,10 @@ exports[`App Route /package-upload authenticated 1`] = `
         </div>
       </div>
       <main
-        class="makeStyles-content-598 makeStyles-contentShift-599"
+        class="makeStyles-content-614 makeStyles-contentShift-615"
       >
         <div
-          class="makeStyles-drawerHeader-597"
+          class="makeStyles-drawerHeader-613"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
@@ -4710,11 +4710,11 @@ exports[`App Route /package-upload authenticated 1`] = `
             data-testid="mocked-fileuploadprovider"
           >
             <div
-              class="makeStyles-paper-579"
+              class="makeStyles-paper-595"
             >
               <form
                 action="{onSubmit}"
-                class="makeStyles-form-581"
+                class="makeStyles-form-597"
                 novalidate=""
               >
                 <div
@@ -4750,10 +4750,10 @@ exports[`App Route /package-upload authenticated 1`] = `
                     />
                     <fieldset
                       aria-hidden="true"
-                      class="PrivateNotchedOutline-root-613 MuiOutlinedInput-notchedOutline"
+                      class="PrivateNotchedOutline-root-630 MuiOutlinedInput-notchedOutline"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legendLabelled-615"
+                        class="PrivateNotchedOutline-legendLabelled-632"
                       >
                         <span>
                           Package name
@@ -4796,10 +4796,10 @@ exports[`App Route /package-upload authenticated 1`] = `
                     />
                     <fieldset
                       aria-hidden="true"
-                      class="PrivateNotchedOutline-root-613 MuiOutlinedInput-notchedOutline"
+                      class="PrivateNotchedOutline-root-630 MuiOutlinedInput-notchedOutline"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legendLabelled-615"
+                        class="PrivateNotchedOutline-legendLabelled-632"
                       >
                         <span>
                           Version
@@ -4842,10 +4842,10 @@ exports[`App Route /package-upload authenticated 1`] = `
                     />
                     <fieldset
                       aria-hidden="true"
-                      class="PrivateNotchedOutline-root-613 MuiOutlinedInput-notchedOutline"
+                      class="PrivateNotchedOutline-root-630 MuiOutlinedInput-notchedOutline"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legendLabelled-615"
+                        class="PrivateNotchedOutline-legendLabelled-632"
                       >
                         <span>
                           Description
@@ -4889,10 +4889,10 @@ exports[`App Route /package-upload authenticated 1`] = `
                     />
                     <fieldset
                       aria-hidden="true"
-                      class="PrivateNotchedOutline-root-613 MuiOutlinedInput-notchedOutline"
+                      class="PrivateNotchedOutline-root-630 MuiOutlinedInput-notchedOutline"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legendLabelled-615"
+                        class="PrivateNotchedOutline-legendLabelled-632"
                       >
                         <span>
                           Release Notes URL
@@ -4934,7 +4934,7 @@ exports[`App Route /package-upload authenticated 1`] = `
                   </div>
                 </div>
                 <button
-                  class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-582 MuiButton-containedPrimary MuiButton-fullWidth"
+                  class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-598 MuiButton-containedPrimary MuiButton-fullWidth"
                   tabindex="0"
                   type="submit"
                 >
@@ -4963,10 +4963,10 @@ exports[`App Route /package-upload unauthenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-86"
+      class="makeStyles-root-88"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-87 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-89 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -4977,21 +4977,21 @@ exports[`App Route /package-upload unauthenticated 1`] = `
         </div>
       </header>
       <main
-        class="makeStyles-content-94"
+        class="makeStyles-content-96"
       >
         <div
-          class="makeStyles-drawerHeader-93"
+          class="makeStyles-drawerHeader-95"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
         >
           <div
-            class="makeStyles-paper-75"
+            class="makeStyles-paper-77"
             style="justify-content: center;"
           >
             <a
               aria-disabled="false"
-              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-78 MuiButton-containedPrimary"
+              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-80 MuiButton-containedPrimary"
               href="https://cognito.com/authorize?redirect=https://example.com/callback"
               tabindex="0"
             >
@@ -5018,10 +5018,10 @@ exports[`App Route /page-not-found authenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-894"
+      class="makeStyles-root-918"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-895 makeStyles-appBarShift-896 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-919 makeStyles-appBarShift-920 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -5030,7 +5030,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-904 MuiButton-colorInherit"
+            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-928 MuiButton-colorInherit"
             tabindex="0"
             type="button"
           >
@@ -5046,17 +5046,17 @@ exports[`App Route /page-not-found authenticated 1`] = `
         </div>
       </header>
       <div
-        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-899"
+        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-923"
       >
         <div
-          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-900 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
+          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-924 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
         >
           <div
-            class="makeStyles-drawerHeader-901"
+            class="makeStyles-drawerHeader-925"
           >
             <img
               alt="Fisker Admin Portal"
-              class="makeStyles-logo-910"
+              class="makeStyles-logo-934"
               src="fisker-badge.svg"
             />
           </div>
@@ -5246,16 +5246,16 @@ exports[`App Route /page-not-found authenticated 1`] = `
         </div>
       </div>
       <main
-        class="makeStyles-content-902 makeStyles-contentShift-903"
+        class="makeStyles-content-926 makeStyles-contentShift-927"
       >
         <div
-          class="makeStyles-drawerHeader-901"
+          class="makeStyles-drawerHeader-925"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
         >
           <div
-            class="makeStyles-paper-883"
+            class="makeStyles-paper-907"
           >
             <h1
               class="MuiTypography-root MuiTypography-h2"
@@ -5276,10 +5276,10 @@ exports[`App Route /page-not-found unauthenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-858"
+      class="makeStyles-root-881"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-859 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-882 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -5290,16 +5290,16 @@ exports[`App Route /page-not-found unauthenticated 1`] = `
         </div>
       </header>
       <main
-        class="makeStyles-content-866"
+        class="makeStyles-content-889"
       >
         <div
-          class="makeStyles-drawerHeader-865"
+          class="makeStyles-drawerHeader-888"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
         >
           <div
-            class="makeStyles-paper-847"
+            class="makeStyles-paper-870"
           >
             <h1
               class="MuiTypography-root MuiTypography-h2"
@@ -5320,10 +5320,10 @@ exports[`App Route /updates authenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-670"
+      class="makeStyles-root-688"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-671 makeStyles-appBarShift-672 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-689 makeStyles-appBarShift-690 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -5334,7 +5334,7 @@ exports[`App Route /updates authenticated 1`] = `
             Deploy Packages
           </h6>
           <button
-            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-680 MuiButton-colorInherit"
+            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-698 MuiButton-colorInherit"
             tabindex="0"
             type="button"
           >
@@ -5350,17 +5350,17 @@ exports[`App Route /updates authenticated 1`] = `
         </div>
       </header>
       <div
-        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-675"
+        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-693"
       >
         <div
-          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-676 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
+          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-694 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
         >
           <div
-            class="makeStyles-drawerHeader-677"
+            class="makeStyles-drawerHeader-695"
           >
             <img
               alt="Fisker Admin Portal"
-              class="makeStyles-logo-686"
+              class="makeStyles-logo-704"
               src="fisker-badge.svg"
             />
           </div>
@@ -5550,10 +5550,10 @@ exports[`App Route /updates authenticated 1`] = `
         </div>
       </div>
       <main
-        class="makeStyles-content-678 makeStyles-contentShift-679"
+        class="makeStyles-content-696 makeStyles-contentShift-697"
       >
         <div
-          class="makeStyles-drawerHeader-677"
+          class="makeStyles-drawerHeader-695"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
@@ -5562,14 +5562,14 @@ exports[`App Route /updates authenticated 1`] = `
             data-testid="mocked-updatesprovider"
           >
             <div
-              class="makeStyles-paper-659"
+              class="makeStyles-paper-677"
               style="height: 700px; width: 100%;"
             >
               <div
-                class="MuiToolbar-root MuiToolbar-regular makeStyles-tableToolbar-685 MuiToolbar-gutters"
+                class="MuiToolbar-root MuiToolbar-regular makeStyles-tableToolbar-703 MuiToolbar-gutters"
               >
                 <div
-                  class="MuiFormControl-root makeStyles-margin-683 makeStyles-textField-684"
+                  class="MuiFormControl-root makeStyles-margin-701 makeStyles-textField-702"
                 >
                   <label
                     class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated"
@@ -5641,7 +5641,7 @@ exports[`App Route /updates authenticated 1`] = `
                       >
                         ID
                         <span
-                          class="makeStyles-hiddenSortSpan-682"
+                          class="makeStyles-hiddenSortSpan-700"
                         >
                           sorted descending
                         </span>
@@ -5960,10 +5960,10 @@ exports[`App Route /updates unauthenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-158"
+      class="makeStyles-root-162"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-159 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-163 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -5974,21 +5974,21 @@ exports[`App Route /updates unauthenticated 1`] = `
         </div>
       </header>
       <main
-        class="makeStyles-content-166"
+        class="makeStyles-content-170"
       >
         <div
-          class="makeStyles-drawerHeader-165"
+          class="makeStyles-drawerHeader-169"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
         >
           <div
-            class="makeStyles-paper-147"
+            class="makeStyles-paper-151"
             style="justify-content: center;"
           >
             <a
               aria-disabled="false"
-              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-150 MuiButton-containedPrimary"
+              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-154 MuiButton-containedPrimary"
               href="https://cognito.com/authorize?redirect=https://example.com/callback"
               tabindex="0"
             >
@@ -6015,10 +6015,10 @@ exports[`App Route /vehicle-add authenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-630"
+      class="makeStyles-root-647"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-631 makeStyles-appBarShift-632 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-648 makeStyles-appBarShift-649 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -6029,7 +6029,7 @@ exports[`App Route /vehicle-add authenticated 1`] = `
             Add Vehicle
           </h6>
           <button
-            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-640 MuiButton-colorInherit"
+            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-657 MuiButton-colorInherit"
             tabindex="0"
             type="button"
           >
@@ -6045,17 +6045,17 @@ exports[`App Route /vehicle-add authenticated 1`] = `
         </div>
       </header>
       <div
-        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-635"
+        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-652"
       >
         <div
-          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-636 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
+          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-653 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
         >
           <div
-            class="makeStyles-drawerHeader-637"
+            class="makeStyles-drawerHeader-654"
           >
             <img
               alt="Fisker Admin Portal"
-              class="makeStyles-logo-646"
+              class="makeStyles-logo-663"
               src="fisker-badge.svg"
             />
           </div>
@@ -6245,10 +6245,10 @@ exports[`App Route /vehicle-add authenticated 1`] = `
         </div>
       </div>
       <main
-        class="makeStyles-content-638 makeStyles-contentShift-639"
+        class="makeStyles-content-655 makeStyles-contentShift-656"
       >
         <div
-          class="makeStyles-drawerHeader-637"
+          class="makeStyles-drawerHeader-654"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
@@ -6257,11 +6257,11 @@ exports[`App Route /vehicle-add authenticated 1`] = `
             data-testid="mocked-vehicleprovider"
           >
             <div
-              class="makeStyles-paper-619"
+              class="makeStyles-paper-636"
             >
               <form
                 action="{onSubmit}"
-                class="makeStyles-form-621"
+                class="makeStyles-form-638"
                 novalidate=""
               >
                 <div
@@ -6297,10 +6297,10 @@ exports[`App Route /vehicle-add authenticated 1`] = `
                     />
                     <fieldset
                       aria-hidden="true"
-                      class="PrivateNotchedOutline-root-653 MuiOutlinedInput-notchedOutline"
+                      class="PrivateNotchedOutline-root-671 MuiOutlinedInput-notchedOutline"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legendLabelled-655"
+                        class="PrivateNotchedOutline-legendLabelled-673"
                       >
                         <span>
                           VIN
@@ -6343,10 +6343,10 @@ exports[`App Route /vehicle-add authenticated 1`] = `
                     />
                     <fieldset
                       aria-hidden="true"
-                      class="PrivateNotchedOutline-root-653 MuiOutlinedInput-notchedOutline"
+                      class="PrivateNotchedOutline-root-671 MuiOutlinedInput-notchedOutline"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legendLabelled-655 PrivateNotchedOutline-legendNotched-656"
+                        class="PrivateNotchedOutline-legendLabelled-673 PrivateNotchedOutline-legendNotched-674"
                       >
                         <span>
                           Model
@@ -6390,10 +6390,10 @@ exports[`App Route /vehicle-add authenticated 1`] = `
                     />
                     <fieldset
                       aria-hidden="true"
-                      class="PrivateNotchedOutline-root-653 MuiOutlinedInput-notchedOutline"
+                      class="PrivateNotchedOutline-root-671 MuiOutlinedInput-notchedOutline"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legendLabelled-655 PrivateNotchedOutline-legendNotched-656"
+                        class="PrivateNotchedOutline-legendLabelled-673 PrivateNotchedOutline-legendNotched-674"
                       >
                         <span>
                           Year
@@ -6437,10 +6437,10 @@ exports[`App Route /vehicle-add authenticated 1`] = `
                     />
                     <fieldset
                       aria-hidden="true"
-                      class="PrivateNotchedOutline-root-653 MuiOutlinedInput-notchedOutline"
+                      class="PrivateNotchedOutline-root-671 MuiOutlinedInput-notchedOutline"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legendLabelled-655 PrivateNotchedOutline-legendNotched-656"
+                        class="PrivateNotchedOutline-legendLabelled-673 PrivateNotchedOutline-legendNotched-674"
                       >
                         <span>
                           Trim
@@ -6451,7 +6451,7 @@ exports[`App Route /vehicle-add authenticated 1`] = `
                   </div>
                 </div>
                 <button
-                  class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-622 MuiButton-containedPrimary MuiButton-fullWidth"
+                  class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-639 MuiButton-containedPrimary MuiButton-fullWidth"
                   tabindex="0"
                   type="submit"
                 >
@@ -6480,10 +6480,10 @@ exports[`App Route /vehicle-add unauthenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-122"
+      class="makeStyles-root-125"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-123 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-126 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -6494,21 +6494,21 @@ exports[`App Route /vehicle-add unauthenticated 1`] = `
         </div>
       </header>
       <main
-        class="makeStyles-content-130"
+        class="makeStyles-content-133"
       >
         <div
-          class="makeStyles-drawerHeader-129"
+          class="makeStyles-drawerHeader-132"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
         >
           <div
-            class="makeStyles-paper-111"
+            class="makeStyles-paper-114"
             style="justify-content: center;"
           >
             <a
               aria-disabled="false"
-              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-114 MuiButton-containedPrimary"
+              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-117 MuiButton-containedPrimary"
               href="https://cognito.com/authorize?redirect=https://example.com/callback"
               tabindex="0"
             >
@@ -6535,10 +6535,10 @@ exports[`App Route /vehicle-status authenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-778"
+      class="makeStyles-root-799"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-779 makeStyles-appBarShift-780 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-800 makeStyles-appBarShift-801 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -6549,7 +6549,7 @@ exports[`App Route /vehicle-status authenticated 1`] = `
             Vehicle FISKER123 Details
           </h6>
           <button
-            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-788 MuiButton-colorInherit"
+            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-809 MuiButton-colorInherit"
             tabindex="0"
             type="button"
           >
@@ -6565,17 +6565,17 @@ exports[`App Route /vehicle-status authenticated 1`] = `
         </div>
       </header>
       <div
-        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-783"
+        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-804"
       >
         <div
-          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-784 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
+          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-805 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
         >
           <div
-            class="makeStyles-drawerHeader-785"
+            class="makeStyles-drawerHeader-806"
           >
             <img
               alt="Fisker Admin Portal"
-              class="makeStyles-logo-794"
+              class="makeStyles-logo-815"
               src="fisker-badge.svg"
             />
           </div>
@@ -6765,10 +6765,10 @@ exports[`App Route /vehicle-status authenticated 1`] = `
         </div>
       </div>
       <main
-        class="makeStyles-content-786 makeStyles-contentShift-787"
+        class="makeStyles-content-807 makeStyles-contentShift-808"
       >
         <div
-          class="makeStyles-drawerHeader-785"
+          class="makeStyles-drawerHeader-806"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
@@ -6780,7 +6780,7 @@ exports[`App Route /vehicle-status authenticated 1`] = `
               data-testid="mocked-updatesprovider"
             >
               <div
-                class="makeStyles-paper-767"
+                class="makeStyles-paper-788"
                 style="height: 700px; width: 100%;"
               >
                 <table
@@ -6805,7 +6805,7 @@ exports[`App Route /vehicle-status authenticated 1`] = `
                         >
                           ID
                           <span
-                            class="makeStyles-hiddenSortSpan-790"
+                            class="makeStyles-hiddenSortSpan-811"
                           >
                             sorted descending
                           </span>
@@ -7060,10 +7060,10 @@ exports[`App Route /vehicle-status unauthenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-302"
+      class="makeStyles-root-310"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-303 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-311 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -7074,21 +7074,21 @@ exports[`App Route /vehicle-status unauthenticated 1`] = `
         </div>
       </header>
       <main
-        class="makeStyles-content-310"
+        class="makeStyles-content-318"
       >
         <div
-          class="makeStyles-drawerHeader-309"
+          class="makeStyles-drawerHeader-317"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
         >
           <div
-            class="makeStyles-paper-291"
+            class="makeStyles-paper-299"
             style="justify-content: center;"
           >
             <a
               aria-disabled="false"
-              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-294 MuiButton-containedPrimary"
+              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-302 MuiButton-containedPrimary"
               href="https://cognito.com/authorize?redirect=https://example.com/callback"
               tabindex="0"
             >
@@ -7115,10 +7115,10 @@ exports[`App Route /vehicles authenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-742"
+      class="makeStyles-root-762"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-743 makeStyles-appBarShift-744 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-763 makeStyles-appBarShift-764 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -7129,7 +7129,7 @@ exports[`App Route /vehicles authenticated 1`] = `
             Vehicles
           </h6>
           <button
-            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-752 MuiButton-colorInherit"
+            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-772 MuiButton-colorInherit"
             tabindex="0"
             type="button"
           >
@@ -7145,17 +7145,17 @@ exports[`App Route /vehicles authenticated 1`] = `
         </div>
       </header>
       <div
-        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-747"
+        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-767"
       >
         <div
-          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-748 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
+          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-768 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
         >
           <div
-            class="makeStyles-drawerHeader-749"
+            class="makeStyles-drawerHeader-769"
           >
             <img
               alt="Fisker Admin Portal"
-              class="makeStyles-logo-758"
+              class="makeStyles-logo-778"
               src="fisker-badge.svg"
             />
           </div>
@@ -7345,10 +7345,10 @@ exports[`App Route /vehicles authenticated 1`] = `
         </div>
       </div>
       <main
-        class="makeStyles-content-750 makeStyles-contentShift-751"
+        class="makeStyles-content-770 makeStyles-contentShift-771"
       >
         <div
-          class="makeStyles-drawerHeader-749"
+          class="makeStyles-drawerHeader-769"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
@@ -7357,14 +7357,14 @@ exports[`App Route /vehicles authenticated 1`] = `
             data-testid="mocked-vehicleprovider"
           >
             <div
-              class="makeStyles-paper-731"
+              class="makeStyles-paper-751"
               style="height: 700px; width: 100%;"
             >
               <div
-                class="MuiToolbar-root MuiToolbar-regular makeStyles-tableToolbar-757 MuiToolbar-gutters"
+                class="MuiToolbar-root MuiToolbar-regular makeStyles-tableToolbar-777 MuiToolbar-gutters"
               >
                 <div
-                  class="MuiFormControl-root makeStyles-margin-755 makeStyles-textField-756"
+                  class="MuiFormControl-root makeStyles-margin-775 makeStyles-textField-776"
                 >
                   <label
                     class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated"
@@ -7436,7 +7436,7 @@ exports[`App Route /vehicles authenticated 1`] = `
                       >
                         VIN
                         <span
-                          class="makeStyles-hiddenSortSpan-754"
+                          class="makeStyles-hiddenSortSpan-774"
                         >
                           sorted ascending
                         </span>
@@ -7713,10 +7713,10 @@ exports[`App Route /vehicles unauthenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-266"
+      class="makeStyles-root-273"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-267 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-274 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -7727,21 +7727,21 @@ exports[`App Route /vehicles unauthenticated 1`] = `
         </div>
       </header>
       <main
-        class="makeStyles-content-274"
+        class="makeStyles-content-281"
       >
         <div
-          class="makeStyles-drawerHeader-273"
+          class="makeStyles-drawerHeader-280"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
         >
           <div
-            class="makeStyles-paper-255"
+            class="makeStyles-paper-262"
             style="justify-content: center;"
           >
             <a
               aria-disabled="false"
-              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-258 MuiButton-containedPrimary"
+              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-265 MuiButton-containedPrimary"
               href="https://cognito.com/authorize?redirect=https://example.com/callback"
               tabindex="0"
             >
@@ -7768,10 +7768,10 @@ exports[`App Route /vehicles-command authenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-814"
+      class="makeStyles-root-836"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-815 makeStyles-appBarShift-816 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-837 makeStyles-appBarShift-838 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -7782,7 +7782,7 @@ exports[`App Route /vehicles-command authenticated 1`] = `
             Send Command
           </h6>
           <button
-            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-824 MuiButton-colorInherit"
+            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-846 MuiButton-colorInherit"
             tabindex="0"
             type="button"
           >
@@ -7798,17 +7798,17 @@ exports[`App Route /vehicles-command authenticated 1`] = `
         </div>
       </header>
       <div
-        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-819"
+        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-841"
       >
         <div
-          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-820 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
+          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-842 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
         >
           <div
-            class="makeStyles-drawerHeader-821"
+            class="makeStyles-drawerHeader-843"
           >
             <img
               alt="Fisker Admin Portal"
-              class="makeStyles-logo-830"
+              class="makeStyles-logo-852"
               src="fisker-badge.svg"
             />
           </div>
@@ -7998,10 +7998,10 @@ exports[`App Route /vehicles-command authenticated 1`] = `
         </div>
       </div>
       <main
-        class="makeStyles-content-822 makeStyles-contentShift-823"
+        class="makeStyles-content-844 makeStyles-contentShift-845"
       >
         <div
-          class="makeStyles-drawerHeader-821"
+          class="makeStyles-drawerHeader-843"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
@@ -8010,17 +8010,17 @@ exports[`App Route /vehicles-command authenticated 1`] = `
             data-testid="mocked-vehicleprovider"
           >
             <div
-              class="makeStyles-paper-803"
+              class="makeStyles-paper-825"
               style="height: 700px; width: 100%;"
             >
               <div
-                class="MuiGrid-root makeStyles-root-814 MuiGrid-container MuiGrid-spacing-xs-2"
+                class="MuiGrid-root makeStyles-root-836 MuiGrid-container MuiGrid-spacing-xs-2"
               >
                 <div
                   class="MuiGrid-root MuiGrid-item MuiGrid-grid-md-6"
                 >
                   <div
-                    class="MuiFormControl-root makeStyles-margin-827 makeStyles-textField-828"
+                    class="MuiFormControl-root makeStyles-margin-849 makeStyles-textField-850"
                   >
                     <label
                       class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated"
@@ -8070,7 +8070,7 @@ exports[`App Route /vehicles-command authenticated 1`] = `
                     </div>
                   </div>
                   <div
-                    class="makeStyles-labelInline-809"
+                    class="makeStyles-labelInline-831"
                   >
                     0 Selected
                   </div>
@@ -8080,10 +8080,10 @@ exports[`App Route /vehicles-command authenticated 1`] = `
                   style="text-align: right;"
                 >
                   <div
-                    class="makeStyles-form-805"
+                    class="makeStyles-form-827"
                   >
                     <div
-                      class="MuiFormControl-root makeStyles-formControlInline-808"
+                      class="MuiFormControl-root makeStyles-formControlInline-830"
                     >
                       <label
                         class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-filled"
@@ -8145,11 +8145,11 @@ exports[`App Route /vehicles-command authenticated 1`] = `
                         </svg>
                         <fieldset
                           aria-hidden="true"
-                          class="PrivateNotchedOutline-root-837 MuiOutlinedInput-notchedOutline"
+                          class="PrivateNotchedOutline-root-860 MuiOutlinedInput-notchedOutline"
                           style="padding-left: 8px;"
                         >
                           <legend
-                            class="PrivateNotchedOutline-legend-838"
+                            class="PrivateNotchedOutline-legend-861"
                             style="width: 0.01px;"
                           >
                             <span>
@@ -8160,7 +8160,7 @@ exports[`App Route /vehicles-command authenticated 1`] = `
                       </div>
                     </div>
                     <div
-                      class="MuiFormControl-root makeStyles-formControlInline-808"
+                      class="MuiFormControl-root makeStyles-formControlInline-830"
                     >
                       <label
                         class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-filled"
@@ -8217,11 +8217,11 @@ exports[`App Route /vehicles-command authenticated 1`] = `
                         </svg>
                         <fieldset
                           aria-hidden="true"
-                          class="PrivateNotchedOutline-root-837 MuiOutlinedInput-notchedOutline"
+                          class="PrivateNotchedOutline-root-860 MuiOutlinedInput-notchedOutline"
                           style="padding-left: 8px;"
                         >
                           <legend
-                            class="PrivateNotchedOutline-legend-838"
+                            class="PrivateNotchedOutline-legend-861"
                             style="width: 0.01px;"
                           >
                             <span>
@@ -8257,7 +8257,7 @@ exports[`App Route /vehicles-command authenticated 1`] = `
                 </div>
               </div>
               <div
-                class="makeStyles-paper-803"
+                class="makeStyles-paper-825"
                 style="height: 700px; width: 100%;"
               >
                 <table
@@ -8275,14 +8275,14 @@ exports[`App Route /vehicles-command authenticated 1`] = `
                       >
                         <span
                           aria-disabled="false"
-                          class="MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-841 MuiCheckbox-root MuiCheckbox-colorSecondary MuiIconButton-colorSecondary"
+                          class="MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-864 MuiCheckbox-root MuiCheckbox-colorSecondary MuiIconButton-colorSecondary"
                         >
                           <span
                             class="MuiIconButton-label"
                           >
                             <input
                               aria-label="select all desserts"
-                              class="PrivateSwitchBase-input-844"
+                              class="PrivateSwitchBase-input-867"
                               data-indeterminate="false"
                               type="checkbox"
                               value=""
@@ -8316,7 +8316,7 @@ exports[`App Route /vehicles-command authenticated 1`] = `
                         >
                           VIN
                           <span
-                            class="makeStyles-hiddenSortSpan-826"
+                            class="makeStyles-hiddenSortSpan-848"
                           >
                             sorted ascending
                           </span>
@@ -8594,10 +8594,10 @@ exports[`App Route /vehicles-command unauthenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-338"
+      class="makeStyles-root-347"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-339 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-348 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -8608,21 +8608,21 @@ exports[`App Route /vehicles-command unauthenticated 1`] = `
         </div>
       </header>
       <main
-        class="makeStyles-content-346"
+        class="makeStyles-content-355"
       >
         <div
-          class="makeStyles-drawerHeader-345"
+          class="makeStyles-drawerHeader-354"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
         >
           <div
-            class="makeStyles-paper-327"
+            class="makeStyles-paper-336"
             style="justify-content: center;"
           >
             <a
               aria-disabled="false"
-              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-330 MuiButton-containedPrimary"
+              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-339 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 fb2b1da..307579e 100644
--- a/src/components/Home/index.jsx
+++ b/src/components/Home/index.jsx
@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from "react";
+import React, { useEffect } from "react";
 import { Typography } from "@material-ui/core";
 import useStyles from "../useStyles";
 
diff --git a/src/components/UpdatePackages/Create/__snapshots__/Create.test.js.snap b/src/components/UpdatePackages/Create/__snapshots__/Create.test.js.snap
index 2b8762a..8c21e05 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-37 MuiOutlinedInput-notchedOutline"
+              class="PrivateNotchedOutline-root-38 MuiOutlinedInput-notchedOutline"
             >
               <legend
-                class="PrivateNotchedOutline-legendLabelled-39"
+                class="PrivateNotchedOutline-legendLabelled-40"
               >
                 <span>
                   Package name
@@ -92,10 +92,10 @@ exports[`File Upload Form Should render 1`] = `
             />
             <fieldset
               aria-hidden="true"
-              class="PrivateNotchedOutline-root-37 MuiOutlinedInput-notchedOutline"
+              class="PrivateNotchedOutline-root-38 MuiOutlinedInput-notchedOutline"
             >
               <legend
-                class="PrivateNotchedOutline-legendLabelled-39"
+                class="PrivateNotchedOutline-legendLabelled-40"
               >
                 <span>
                   Version
@@ -138,10 +138,10 @@ exports[`File Upload Form Should render 1`] = `
             />
             <fieldset
               aria-hidden="true"
-              class="PrivateNotchedOutline-root-37 MuiOutlinedInput-notchedOutline"
+              class="PrivateNotchedOutline-root-38 MuiOutlinedInput-notchedOutline"
             >
               <legend
-                class="PrivateNotchedOutline-legendLabelled-39"
+                class="PrivateNotchedOutline-legendLabelled-40"
               >
                 <span>
                   Description
@@ -185,10 +185,10 @@ exports[`File Upload Form Should render 1`] = `
             />
             <fieldset
               aria-hidden="true"
-              class="PrivateNotchedOutline-root-37 MuiOutlinedInput-notchedOutline"
+              class="PrivateNotchedOutline-root-38 MuiOutlinedInput-notchedOutline"
             >
               <legend
-                class="PrivateNotchedOutline-legendLabelled-39"
+                class="PrivateNotchedOutline-legendLabelled-40"
               >
                 <span>
                   Release Notes URL
diff --git a/src/components/VehicleMap/index.jsx b/src/components/VehicleMap/index.jsx
index 8b9180b..bbe1bee 100644
--- a/src/components/VehicleMap/index.jsx
+++ b/src/components/VehicleMap/index.jsx
@@ -37,6 +37,7 @@ const Component = () => {
       retrieveAndStoreLocations();
     }, REQUEST_INTERVAL);
     return () => { clearInterval(id) };
+    // eslint-disable-next-line
   }, []);
 
   const retrieveAndStoreLocations = () => {
@@ -76,7 +77,8 @@ const Component = () => {
           setConnections(connections);
         })
     }
-  }, [markers])
+    // eslint-disable-next-line
+  }, [markers, token])
 
   const [selectedVIN, setSelectedVIN] = useState(null);
   const [carState, setCarState] = useState(null);
@@ -89,6 +91,7 @@ const Component = () => {
       }, REQUEST_INTERVAL);
       return () => { clearInterval(id) };
     }
+    // eslint-disable-next-line
   }, [selectedVIN]);
 
   const selectCar = (e, vin) => {
@@ -166,6 +169,7 @@ const Component = () => {
       {
         carState ? (
           <VehiclePopUp
+            key={carState.vin}
             vin={carState.vin}
             online={carState.online}
             battery={carState.battery}
@@ -183,13 +187,15 @@ const Component = () => {
 
 const CenterFocus = ({ center, zoom }) => {
   const map = useMap();
+
   useEffect(() => {
     if (center[0] === 0 && center[1] === 0) {
-      center = [0, 0]
-      zoom = 2
+      map.flyTo([0, 0], 2, { duration: 1.5 });
+    } else {
+      map.flyTo(center, zoom, { duration: 1.5 });
     }
-    map.flyTo(center, zoom, { duration: 1.5 });
-  }, [center, zoom]);
+  }, [center, zoom, map]);
+
   return null;
 }
 
diff --git a/src/components/VehicleMap/popup.jsx b/src/components/VehicleMap/popup.jsx
index 6cacd2a..4e6e76f 100644
--- a/src/components/VehicleMap/popup.jsx
+++ b/src/components/VehicleMap/popup.jsx
@@ -1,9 +1,6 @@
 import React from "react";
-import Button from '@material-ui/core/Button';
 import Dialog from '@material-ui/core/Dialog';
 import MuiDialogTitle from '@material-ui/core/DialogTitle';
-import MuiDialogContent from '@material-ui/core/DialogContent';
-import MuiDialogActions from '@material-ui/core/DialogActions';
 import IconButton from '@material-ui/core/IconButton';
 import CloseIcon from '@material-ui/icons/Close';
 import Typography from '@material-ui/core/Typography';
@@ -32,19 +29,19 @@ const VehiclePopUp = (props) => {
                         {doors != null && (
                             <div>
                                 <h3>Doors</h3>
-                                {Object.entries(doors).map((value) => (<p><b>{value[0]}</b>: {value[1] ? "open" : "closed"}</p>))}
+                                {Object.entries(doors).map((value) => (<p key={value[0]}><b>{value[0]}</b>: {value[1] ? "open" : "closed"}</p>))}
                             </div>
                         )}
                         {windows != null && (
                             <div>
                                 <h3>Windows</h3>
-                                {Object.entries(windows).map((value) => (<p><b>{value[0]}</b>: {value[1] ? "open" : "closed"}</p>))}
+                                {Object.entries(windows).map((value) => (<p key={value[0]}><b>{value[0]}</b>: {value[1] ? "open" : "closed"}</p>))}
                             </div>
                         )}
                         {location != null && (
                             <div>
                                 <h3>Location</h3>
-                                {Object.entries(location).map((value) => (<p><b>{value[0]}</b>: {value[1]}</p>))}
+                                {Object.entries(location).map((value) => (<p key={value[0]}><b>{value[0]}</b>: {value[1]}</p>))}
                             </div>
                         )}
                     </div>
@@ -61,7 +58,7 @@ const DialogTitle = (props) => {
     const { children, onClose, ...other } = props;
     const classes = useStyles();
     return (
-        <MuiDialogTitle disableTypography className={classes.root} {...other}>
+        <MuiDialogTitle disableTypography className={classes.ppopUpTItle} {...other}>
             <Typography variant="h6">{children}</Typography>
             {onClose ? (
                 <IconButton aria-label="close" className={classes.closeButton} onClick={onClose}>
diff --git a/src/components/useStyles.jsx b/src/components/useStyles.jsx
index cdaac37..9e3967b 100644
--- a/src/components/useStyles.jsx
+++ b/src/components/useStyles.jsx
@@ -173,10 +173,6 @@ const useStyles = makeStyles((theme) => ({
     width: "100%",
     paddingTop: "56.25%",
   },
-  root: {
-    margin: 0,
-    padding: theme.spacing(2),
-  },
   closeButton: {
     position: 'absolute',
     right: theme.spacing(1),
@@ -189,6 +185,10 @@ const useStyles = makeStyles((theme) => ({
   popUp: {
     minHeight: "15vh",
   },
+  popUpTitle: {
+    margin: 0,
+    padding: theme.spacing(2),
+  },
   popUpContent: {
     "& p": {
       margin: 0,
diff --git a/src/services/monitoring.js b/src/services/monitoring.js
index f2461b0..6cf5297 100644
--- a/src/services/monitoring.js
+++ b/src/services/monitoring.js
@@ -6,24 +6,24 @@ const clientToken = 'pubeb25449bb91773fc993855c7378e375a';
 const site = 'datadoghq.com';
 const service = 'ota-portal';
 
-// datadogRum.init({
-//     applicationId,
-//     clientToken,
-//     site,
-//     service,
-//     // Specify a version number to identify the deployed version of your application in Datadog 
-//     // version: '1.0.0',
-//     sampleRate: 100,
-//     trackInteractions: true
-// });
+datadogRum.init({
+    applicationId,
+    clientToken,
+    site,
+    service,
+    // Specify a version number to identify the deployed version of your application in Datadog 
+    // version: '1.0.0',
+    sampleRate: 100,
+    trackInteractions: true
+});
 
-// datadogLogs.init({
-//     clientToken,
-//     site,
-//     service,
-//     forwardErrorsToLogs: true,
-//     sampleRate: 100,
-// });
+datadogLogs.init({
+    clientToken,
+    site,
+    service,
+    forwardErrorsToLogs: true,
+    sampleRate: 100,
+});
 
 const logger = datadogLogs.logger;