diff --git a/src/frontend/package.json b/src/frontend/package.json
index c1bddec..e7e7c12 100644
--- a/src/frontend/package.json
+++ b/src/frontend/package.json
@@ -25,7 +25,7 @@
     "@nuxtjs/style-resources": "^1.0.0",
     "@nuxtjs/vuetify": "^1.11.3",
     "@vue/babel-preset-app": "^4.3.1",
-    "@vue/test-utils": "^1.0.4",
+    "@vue/test-utils": "1.0.4",
     "babel-core": "^7.0.0-bridge.0",
     "babel-eslint": "^10.0.3",
     "babel-jest": "^26.0.1",
diff --git a/src/frontend/src/pages/__tests__/__snapshots__/index.spec.js.snap b/src/frontend/src/pages/__tests__/__snapshots__/index.spec.js.snap
index c98a296..f517231 100644
--- a/src/frontend/src/pages/__tests__/__snapshots__/index.spec.js.snap
+++ b/src/frontend/src/pages/__tests__/__snapshots__/index.spec.js.snap
@@ -3,8 +3,8 @@
 exports[`index.vue should match snapshot 1`] = `
 <span><div class="v-window v-item-group theme--dark v-carousel" style="height: 30vh;"><div class="v-window__container" style="height: 30vh;"><transition-stub name="fade-transition" style="background-blend-mode: darken;"><div class="v-window-item"><div class="v-image v-responsive v-carousel__item theme--dark" style="height: 30vh;"><div class="v-responsive__content"><div class="row fill-height align-center justify-center"><div class="display-4 white--text px-4 rounded" style="background-color: rgba(0, 0, 0, 0.1); font-size: 2vw;">
           Beautiful and tested Golang and NodeJS code
-        </div></div></div></div></div></transition-stub><transition-stub name="fade-transition" style="background-blend-mode: darken;"><!----></transition-stub><transition-stub name="fade-transition" style="background-blend-mode: darken;"><!----></transition-stub><transition-stub name="fade-transition" style="background-blend-mode: darken;"><!----></transition-stub><transition-stub name="fade-transition" style="background-blend-mode: darken;"><!----></transition-stub><div class="v-window__prev"><button type="button" class="v-btn v-btn--flat v-btn--icon v-btn--round theme--dark v-size--default"><span class="v-btn__content"><i aria-hidden="true" class="v-icon notranslate material-icons theme--dark" style="font-size: 36px;">$prev</i></span></button></div>
-<div class="v-window__next"><button type="button" class="v-btn v-btn--flat v-btn--icon v-btn--round theme--dark v-size--default"><span class="v-btn__content"><i aria-hidden="true" class="v-icon notranslate material-icons theme--dark" style="font-size: 36px;">$next</i></span></button></div>
+        </div></div></div></div></div></transition-stub><transition-stub name="fade-transition" style="background-blend-mode: darken;"><!----></transition-stub><transition-stub name="fade-transition" style="background-blend-mode: darken;"><!----></transition-stub><transition-stub name="fade-transition" style="background-blend-mode: darken;"><!----></transition-stub><transition-stub name="fade-transition" style="background-blend-mode: darken;"><!----></transition-stub><div class="v-window__prev"><button type="button" class="v-btn v-btn--icon v-btn--round theme--dark v-size--default"><span class="v-btn__content"><i aria-hidden="true" class="v-icon notranslate mdi mdi-chevron-left theme--dark" style="font-size: 36px;"></i></span></button></div>
+<div class="v-window__next"><button type="button" class="v-btn v-btn--icon v-btn--round theme--dark v-size--default"><span class="v-btn__content"><i aria-hidden="true" class="v-icon notranslate mdi mdi-chevron-right theme--dark" style="font-size: 36px;"></i></span></button></div>
 </div>
 </div>
 <section style="padding: 48px 0px;">
@@ -66,8 +66,8 @@ exports[`index.vue should match snapshot 1`] = `
               <transition-stub name="fade-transition">
                 <!---->
               </transition-stub>
-              <div class="v-window__prev"><button type="button" class="v-btn v-btn--flat v-btn--icon v-btn--round theme--dark v-size--default"><span class="v-btn__content"><i aria-hidden="true" class="v-icon notranslate material-icons theme--dark" style="font-size: 36px;">$prev</i></span></button></div>
-              <div class="v-window__next"><button type="button" class="v-btn v-btn--flat v-btn--icon v-btn--round theme--dark v-size--default"><span class="v-btn__content"><i aria-hidden="true" class="v-icon notranslate material-icons theme--dark" style="font-size: 36px;">$next</i></span></button></div>
+              <div class="v-window__prev"><button type="button" class="v-btn v-btn--icon v-btn--round theme--dark v-size--default"><span class="v-btn__content"><i aria-hidden="true" class="v-icon notranslate mdi mdi-chevron-left theme--dark" style="font-size: 36px;"></i></span></button></div>
+              <div class="v-window__next"><button type="button" class="v-btn v-btn--icon v-btn--round theme--dark v-size--default"><span class="v-btn__content"><i aria-hidden="true" class="v-icon notranslate mdi mdi-chevron-right theme--dark" style="font-size: 36px;"></i></span></button></div>
             </div>
           </div>
         </div>
diff --git a/src/frontend/src/pages/dashboard/__tests__/__snapshots__/home.spec.js.snap b/src/frontend/src/pages/dashboard/__tests__/__snapshots__/home.spec.js.snap
index 12b8976..2cac976 100644
--- a/src/frontend/src/pages/dashboard/__tests__/__snapshots__/home.spec.js.snap
+++ b/src/frontend/src/pages/dashboard/__tests__/__snapshots__/home.spec.js.snap
@@ -163,7 +163,7 @@ exports[`home.vue should match snapshot 1`] = `
           <!---->
         </div>
         <div class="v-card__text">
-          <div class="v-data-table theme--light">
+          <div class="v-data-table v-data-table--has-bottom theme--light">
             <div class="v-data-table__wrapper">
               <table>
                 <colgroup>
@@ -301,10 +301,10 @@ exports[`home.vue should match snapshot 1`] = `
                     <div role="button" aria-haspopup="listbox" aria-expanded="false" aria-owns="list-62" class="v-input__slot">
                       <div class="v-select__slot">
                         <div class="v-select__selections">
-                          <div class="v-select__selection v-select__selection--comma">10</div><input aria-label="$vuetify.dataTable.itemsPerPageText" id="input-62" readonly="readonly" type="text" aria-readonly="false" autocomplete="off">
+                          <div class="v-select__selection v-select__selection--comma">10</div><input id="input-62" readonly="readonly" type="text" aria-readonly="false" autocomplete="off">
                         </div>
                         <div class="v-input__append-inner">
-                          <div class="v-input__icon v-input__icon--append"><i aria-hidden="true" class="v-icon notranslate material-icons theme--light">$dropdown</i></div>
+                          <div class="v-input__icon v-input__icon--append"><i aria-hidden="true" class="v-icon notranslate mdi mdi-menu-down theme--light"></i></div>
                         </div><input type="hidden" value="10">
                       </div>
                       <div class="v-menu">
@@ -315,8 +315,8 @@ exports[`home.vue should match snapshot 1`] = `
                 </div>
               </div>
               <div class="v-data-footer__pagination"></div>
-              <div class="v-data-footer__icons-before"><button type="button" disabled="disabled" class="v-btn v-btn--disabled v-btn--flat v-btn--icon v-btn--round v-btn--text theme--light v-size--default"><span class="v-btn__content"><i aria-hidden="true" class="v-icon notranslate material-icons theme--light">$prev</i></span></button></div>
-              <div class="v-data-footer__icons-after"><button type="button" disabled="disabled" class="v-btn v-btn--disabled v-btn--flat v-btn--icon v-btn--round v-btn--text theme--light v-size--default"><span class="v-btn__content"><i aria-hidden="true" class="v-icon notranslate material-icons theme--light">$next</i></span></button></div>
+              <div class="v-data-footer__icons-before"><button type="button" disabled="disabled" class="v-btn v-btn--disabled v-btn--icon v-btn--round v-btn--text theme--light v-size--default"><span class="v-btn__content"><i aria-hidden="true" class="v-icon notranslate mdi mdi-chevron-left theme--light"></i></span></button></div>
+              <div class="v-data-footer__icons-after"><button type="button" disabled="disabled" class="v-btn v-btn--disabled v-btn--icon v-btn--round v-btn--text theme--light v-size--default"><span class="v-btn__content"><i aria-hidden="true" class="v-icon notranslate mdi mdi-chevron-right theme--light"></i></span></button></div>
             </div>
           </div>
         </div>
@@ -369,7 +369,7 @@ exports[`home.vue should match snapshot 1`] = `
                         <div class="v-input v-input--is-label-active v-input--is-dirty theme--light v-input--selection-controls v-input--checkbox secondary--text">
                           <div class="v-input__control">
                             <div class="v-input__slot">
-                              <div class="v-input--selection-controls__input"><i aria-hidden="true" class="v-icon notranslate material-icons theme--light secondary--text">$checkboxOn</i><input aria-checked="true" id="input-86" role="checkbox" type="checkbox" value="">
+                              <div class="v-input--selection-controls__input"><i aria-hidden="true" class="v-icon notranslate mdi mdi-checkbox-marked theme--light secondary--text"></i><input aria-checked="true" id="input-86" role="checkbox" type="checkbox" value="">
                                 <div class="v-input--selection-controls__ripple secondary--text"></div>
                               </div>
                             </div>
@@ -391,7 +391,7 @@ exports[`home.vue should match snapshot 1`] = `
                         <div class="v-input theme--light v-input--selection-controls v-input--checkbox">
                           <div class="v-input__control">
                             <div class="v-input__slot">
-                              <div class="v-input--selection-controls__input"><i aria-hidden="true" class="v-icon notranslate material-icons theme--light">$checkboxOff</i><input aria-checked="false" id="input-92" role="checkbox" type="checkbox" value="">
+                              <div class="v-input--selection-controls__input"><i aria-hidden="true" class="v-icon notranslate mdi mdi-checkbox-blank-outline theme--light"></i><input aria-checked="false" id="input-92" role="checkbox" type="checkbox" value="">
                                 <div class="v-input--selection-controls__ripple"></div>
                               </div>
                             </div>
@@ -413,7 +413,7 @@ exports[`home.vue should match snapshot 1`] = `
                         <div class="v-input theme--light v-input--selection-controls v-input--checkbox">
                           <div class="v-input__control">
                             <div class="v-input__slot">
-                              <div class="v-input--selection-controls__input"><i aria-hidden="true" class="v-icon notranslate material-icons theme--light">$checkboxOff</i><input aria-checked="false" id="input-98" role="checkbox" type="checkbox" value="">
+                              <div class="v-input--selection-controls__input"><i aria-hidden="true" class="v-icon notranslate mdi mdi-checkbox-blank-outline theme--light"></i><input aria-checked="false" id="input-98" role="checkbox" type="checkbox" value="">
                                 <div class="v-input--selection-controls__ripple"></div>
                               </div>
                             </div>
@@ -435,7 +435,7 @@ exports[`home.vue should match snapshot 1`] = `
                         <div class="v-input v-input--is-label-active v-input--is-dirty theme--light v-input--selection-controls v-input--checkbox secondary--text">
                           <div class="v-input__control">
                             <div class="v-input__slot">
-                              <div class="v-input--selection-controls__input"><i aria-hidden="true" class="v-icon notranslate material-icons theme--light secondary--text">$checkboxOn</i><input aria-checked="true" id="input-104" role="checkbox" type="checkbox" value="">
+                              <div class="v-input--selection-controls__input"><i aria-hidden="true" class="v-icon notranslate mdi mdi-checkbox-marked theme--light secondary--text"></i><input aria-checked="true" id="input-104" role="checkbox" type="checkbox" value="">
                                 <div class="v-input--selection-controls__ripple secondary--text"></div>
                               </div>
                             </div>
diff --git a/src/frontend/src/pages/dashboard/account/__tests__/__snapshots__/update-profile.spec.js.snap b/src/frontend/src/pages/dashboard/account/__tests__/__snapshots__/update-profile.spec.js.snap
index 1a8f8af..26ae5d7 100644
--- a/src/frontend/src/pages/dashboard/account/__tests__/__snapshots__/update-profile.spec.js.snap
+++ b/src/frontend/src/pages/dashboard/account/__tests__/__snapshots__/update-profile.spec.js.snap
@@ -24,7 +24,7 @@ exports[`update-profile.vue should match snapshot 1`] = `
               <div class="v-input v-input--is-disabled theme--light v-text-field">
                 <div class="v-input__control">
                   <div class="v-input__slot">
-                    <div class="v-text-field__slot"><label for="input-9" class="v-label v-label--is-disabled theme--light" style="right: 0px; position: absolute;">User Name</label><input disabled="disabled" id="input-9" type="text"></div>
+                    <div class="v-text-field__slot"><label for="input-9" class="v-label v-label--is-disabled theme--light" style="left: 0px; position: absolute;">User Name</label><input disabled="disabled" id="input-9" type="text"></div>
                   </div>
                   <div class="v-text-field__details">
                     <div class="v-messages theme--light">
@@ -38,7 +38,7 @@ exports[`update-profile.vue should match snapshot 1`] = `
               <div class="v-input purple-input v-input--is-label-active v-input--is-dirty v-input--is-disabled theme--light v-text-field">
                 <div class="v-input__control">
                   <div class="v-input__slot">
-                    <div class="v-text-field__slot"><label for="input-12" class="v-label v-label--active v-label--is-disabled theme--light" style="right: 0px; position: absolute;">Password</label><input disabled="disabled" id="input-12" type="password"></div>
+                    <div class="v-text-field__slot"><label for="input-12" class="v-label v-label--active v-label--is-disabled theme--light" style="left: 0px; position: absolute;">Password</label><input disabled="disabled" id="input-12" type="password"></div>
                   </div>
                   <div class="v-text-field__details">
                     <div class="v-messages theme--light">
@@ -47,7 +47,7 @@ exports[`update-profile.vue should match snapshot 1`] = `
                   </div>
                 </div>
               </div>
-              <router-link-stub to="/dashboard/account/change-password/" tag="a" activeclass="v-btn--active" exactactiveclass="v-btn--active" ariacurrentvalue="page" event="click" class="v-btn v-btn--flat v-btn--router v-btn--text theme--light v-size--small blue--text text--darken-1"><span class="v-btn__content">
+              <router-link-stub to="/dashboard/account/change-password/" tag="a" activeclass="v-btn--active" exactactiveclass="v-btn--active" ariacurrentvalue="page" event="click" class="v-btn v-btn--router v-btn--text theme--light v-size--small blue--text text--darken-1"><span class="v-btn__content">
                 Change password
               </span></router-link-stub>
             </div>
@@ -55,7 +55,7 @@ exports[`update-profile.vue should match snapshot 1`] = `
               <div class="v-input purple-input theme--light v-text-field">
                 <div class="v-input__control">
                   <div class="v-input__slot">
-                    <div class="v-text-field__slot"><label for="input-17" class="v-label theme--light" style="right: 0px; position: absolute;">Email Address</label><input id="input-17" type="text"></div>
+                    <div class="v-text-field__slot"><label for="input-17" class="v-label theme--light" style="left: 0px; position: absolute;">Email Address</label><input id="input-17" type="text"></div>
                   </div>
                   <div class="v-text-field__details">
                     <div class="v-messages theme--light">
@@ -69,7 +69,7 @@ exports[`update-profile.vue should match snapshot 1`] = `
               <div class="v-input purple-input theme--light v-text-field">
                 <div class="v-input__control">
                   <div class="v-input__slot">
-                    <div class="v-text-field__slot"><label for="input-20" class="v-label theme--light" style="right: 0px; position: absolute;">Mobile</label><input id="input-20" type="text"></div>
+                    <div class="v-text-field__slot"><label for="input-20" class="v-label theme--light" style="left: 0px; position: absolute;">Mobile</label><input id="input-20" type="text"></div>
                   </div>
                   <div class="v-text-field__details">
                     <div class="v-messages theme--light">
@@ -84,7 +84,7 @@ exports[`update-profile.vue should match snapshot 1`] = `
               <div class="v-input purple-input theme--light v-text-field">
                 <div class="v-input__control">
                   <div class="v-input__slot">
-                    <div class="v-text-field__slot"><label for="input-23" class="v-label theme--light" style="right: 0px; position: absolute;">First Name</label><input id="input-23" type="text"></div>
+                    <div class="v-text-field__slot"><label for="input-23" class="v-label theme--light" style="left: 0px; position: absolute;">First Name</label><input id="input-23" type="text"></div>
                   </div>
                   <div class="v-text-field__details">
                     <div class="v-messages theme--light">
@@ -98,7 +98,7 @@ exports[`update-profile.vue should match snapshot 1`] = `
               <div class="v-input purple-input theme--light v-text-field">
                 <div class="v-input__control">
                   <div class="v-input__slot">
-                    <div class="v-text-field__slot"><label for="input-26" class="v-label theme--light" style="right: 0px; position: absolute;">Last Name</label><input id="input-26" type="text"></div>
+                    <div class="v-text-field__slot"><label for="input-26" class="v-label theme--light" style="left: 0px; position: absolute;">Last Name</label><input id="input-26" type="text"></div>
                   </div>
                   <div class="v-text-field__details">
                     <div class="v-messages theme--light">
@@ -112,7 +112,7 @@ exports[`update-profile.vue should match snapshot 1`] = `
               <div class="v-input purple-input theme--light v-text-field">
                 <div class="v-input__control">
                   <div class="v-input__slot">
-                    <div class="v-text-field__slot"><label for="input-29" class="v-label theme--light" style="right: 0px; position: absolute;">Street Address</label><input id="input-29" type="text"></div>
+                    <div class="v-text-field__slot"><label for="input-29" class="v-label theme--light" style="left: 0px; position: absolute;">Street Address</label><input id="input-29" type="text"></div>
                   </div>
                   <div class="v-text-field__details">
                     <div class="v-messages theme--light">
@@ -126,7 +126,7 @@ exports[`update-profile.vue should match snapshot 1`] = `
               <div class="v-input purple-input theme--light v-text-field">
                 <div class="v-input__control">
                   <div class="v-input__slot">
-                    <div class="v-text-field__slot"><label for="input-32" class="v-label theme--light" style="right: 0px; position: absolute;">City</label><input id="input-32" type="text"></div>
+                    <div class="v-text-field__slot"><label for="input-32" class="v-label theme--light" style="left: 0px; position: absolute;">City</label><input id="input-32" type="text"></div>
                   </div>
                   <div class="v-text-field__details">
                     <div class="v-messages theme--light">
@@ -140,7 +140,7 @@ exports[`update-profile.vue should match snapshot 1`] = `
               <div class="v-input purple-input theme--light v-text-field">
                 <div class="v-input__control">
                   <div class="v-input__slot">
-                    <div class="v-text-field__slot"><label for="input-35" class="v-label theme--light" style="right: 0px; position: absolute;">City</label><input id="input-35" type="text"></div>
+                    <div class="v-text-field__slot"><label for="input-35" class="v-label theme--light" style="left: 0px; position: absolute;">City</label><input id="input-35" type="text"></div>
                   </div>
                   <div class="v-text-field__details">
                     <div class="v-messages theme--light">
@@ -154,7 +154,7 @@ exports[`update-profile.vue should match snapshot 1`] = `
               <div class="v-input purple-input theme--light v-text-field">
                 <div class="v-input__control">
                   <div class="v-input__slot">
-                    <div class="v-text-field__slot"><label for="input-38" class="v-label theme--light" style="right: 0px; position: absolute;">Postal Code</label><input id="input-38" type="text"></div>
+                    <div class="v-text-field__slot"><label for="input-38" class="v-label theme--light" style="left: 0px; position: absolute;">Postal Code</label><input id="input-38" type="text"></div>
                   </div>
                   <div class="v-text-field__details">
                     <div class="v-messages theme--light">
@@ -168,10 +168,10 @@ exports[`update-profile.vue should match snapshot 1`] = `
               <div class="v-input theme--light v-text-field v-select">
                 <div class="v-input__control">
                   <div role="button" aria-haspopup="listbox" aria-expanded="false" aria-owns="list-41" class="v-input__slot">
-                    <div class="v-select__slot"><label for="input-41" class="v-label theme--light" style="right: 0px; position: absolute;">Language</label>
+                    <div class="v-select__slot"><label for="input-41" class="v-label theme--light" style="left: 0px; position: absolute;">Language</label>
                       <div class="v-select__selections"><input id="input-41" readonly="readonly" type="text" aria-readonly="false" autocomplete="off"></div>
                       <div class="v-input__append-inner">
-                        <div class="v-input__icon v-input__icon--append"><i aria-hidden="true" class="v-icon notranslate material-icons theme--light">$dropdown</i></div>
+                        <div class="v-input__icon v-input__icon--append"><i aria-hidden="true" class="v-icon notranslate mdi mdi-menu-down theme--light"></i></div>
                       </div><input type="hidden">
                     </div>
                     <div class="v-menu">
@@ -186,7 +186,7 @@ exports[`update-profile.vue should match snapshot 1`] = `
                 </div>
               </div>
             </div>
-            <div class="text-right col col-12"><button type="submit" class="mr-0 v-btn v-btn--contained theme--light v-size--default info"><span class="v-btn__content">
+            <div class="text-right col col-12"><button type="submit" class="mr-0 v-btn v-btn--is-elevated v-btn--has-bg theme--light v-size--default info"><span class="v-btn__content">
                 Update Profile
               </span></button></div>
           </div>
diff --git a/src/frontend/src/pages/dashboard/admin/__tests__/__snapshots__/logs.spec.js.snap b/src/frontend/src/pages/dashboard/admin/__tests__/__snapshots__/logs.spec.js.snap
index 9ddb12e..ccfcbcf 100644
--- a/src/frontend/src/pages/dashboard/admin/__tests__/__snapshots__/logs.spec.js.snap
+++ b/src/frontend/src/pages/dashboard/admin/__tests__/__snapshots__/logs.spec.js.snap
@@ -17,9 +17,9 @@ exports[`logs.vue should match snapshot 1`] = `
       <div class="v-input v-input--hide-details theme--light v-text-field v-text-field--single-line">
         <div class="v-input__control">
           <div class="v-input__slot">
-            <div class="v-text-field__slot"><label for="input-9" class="v-label theme--light" style="right: 0px; position: absolute;">Search</label><input id="input-9" type="text"></div>
+            <div class="v-text-field__slot"><label for="input-9" class="v-label theme--light" style="left: 0px; position: absolute;">Search</label><input id="input-9" type="text"></div>
             <div class="v-input__append-inner">
-              <div class="v-input__icon v-input__icon--clear"><button disabled="disabled" type="button" aria-label="clear icon" class="v-icon notranslate v-icon--disabled v-icon--link material-icons theme--light">$clear</button></div>
+              <div class="v-input__icon v-input__icon--clear"><button disabled="disabled" type="button" aria-label="clear icon" class="v-icon notranslate v-icon--disabled v-icon--link mdi mdi-close theme--light"></button></div>
             </div>
             <div class="v-input__append-inner">
               <div class="v-input__icon v-input__icon--append"><i aria-hidden="true" class="v-icon notranslate mdi mdi-magnify theme--light"></i></div>
@@ -28,7 +28,7 @@ exports[`logs.vue should match snapshot 1`] = `
         </div>
       </div>
     </div> <span> <!----> <!----></span>
-    <div class="v-data-table theme--light">
+    <div class="v-data-table v-data-table--has-bottom theme--light">
       <div class="v-data-table__wrapper">
         <table>
           <colgroup>
@@ -46,7 +46,7 @@ exports[`logs.vue should match snapshot 1`] = `
                         <div class="v-select__slot">
                           <div class="v-select__selections"><input id="input-17" readonly="readonly" type="text" aria-readonly="false" autocomplete="off"></div>
                           <div class="v-input__append-inner">
-                            <div class="v-input__icon v-input__icon--append"><i aria-hidden="true" class="v-icon notranslate material-icons theme--light">$dropdown</i></div>
+                            <div class="v-input__icon v-input__icon--append"><i aria-hidden="true" class="v-icon notranslate mdi mdi-menu-down theme--light"></i></div>
                           </div><input type="hidden">
                         </div>
                         <div class="v-menu">
@@ -73,10 +73,10 @@ exports[`logs.vue should match snapshot 1`] = `
               <div role="button" aria-haspopup="listbox" aria-expanded="false" aria-owns="list-21" class="v-input__slot">
                 <div class="v-select__slot">
                   <div class="v-select__selections">
-                    <div class="v-select__selection v-select__selection--comma">10</div><input aria-label="$vuetify.dataTable.itemsPerPageText" id="input-21" readonly="readonly" type="text" aria-readonly="false" autocomplete="off">
+                    <div class="v-select__selection v-select__selection--comma">10</div><input id="input-21" readonly="readonly" type="text" aria-readonly="false" autocomplete="off">
                   </div>
                   <div class="v-input__append-inner">
-                    <div class="v-input__icon v-input__icon--append"><i aria-hidden="true" class="v-icon notranslate material-icons theme--light">$dropdown</i></div>
+                    <div class="v-input__icon v-input__icon--append"><i aria-hidden="true" class="v-icon notranslate mdi mdi-menu-down theme--light"></i></div>
                   </div><input type="hidden" value="10">
                 </div>
                 <div class="v-menu">
@@ -87,8 +87,8 @@ exports[`logs.vue should match snapshot 1`] = `
           </div>
         </div>
         <div class="v-data-footer__pagination">–</div>
-        <div class="v-data-footer__icons-before"><button type="button" disabled="disabled" class="v-btn v-btn--disabled v-btn--flat v-btn--icon v-btn--round v-btn--text theme--light v-size--default"><span class="v-btn__content"><i aria-hidden="true" class="v-icon notranslate material-icons theme--light">$prev</i></span></button></div>
-        <div class="v-data-footer__icons-after"><button type="button" disabled="disabled" class="v-btn v-btn--disabled v-btn--flat v-btn--icon v-btn--round v-btn--text theme--light v-size--default"><span class="v-btn__content"><i aria-hidden="true" class="v-icon notranslate material-icons theme--light">$next</i></span></button></div>
+        <div class="v-data-footer__icons-before"><button type="button" disabled="disabled" class="v-btn v-btn--disabled v-btn--icon v-btn--round v-btn--text theme--light v-size--default"><span class="v-btn__content"><i aria-hidden="true" class="v-icon notranslate mdi mdi-chevron-left theme--light"></i></span></button></div>
+        <div class="v-data-footer__icons-after"><button type="button" disabled="disabled" class="v-btn v-btn--disabled v-btn--icon v-btn--round v-btn--text theme--light v-size--default"><span class="v-btn__content"><i aria-hidden="true" class="v-icon notranslate mdi mdi-chevron-right theme--light"></i></span></button></div>
       </div>
     </div>
     <!---->
diff --git a/src/frontend/src/pages/dashboard/admin/__tests__/__snapshots__/users.spec.js.snap b/src/frontend/src/pages/dashboard/admin/__tests__/__snapshots__/users.spec.js.snap
index 64981e8..5972ab7 100644
--- a/src/frontend/src/pages/dashboard/admin/__tests__/__snapshots__/users.spec.js.snap
+++ b/src/frontend/src/pages/dashboard/admin/__tests__/__snapshots__/users.spec.js.snap
@@ -17,9 +17,9 @@ exports[`users.vue should match snapshot 1`] = `
       <div class="v-input v-input--hide-details theme--light v-text-field v-text-field--single-line">
         <div class="v-input__control">
           <div class="v-input__slot">
-            <div class="v-text-field__slot"><label for="input-9" class="v-label theme--light" style="right: 0px; position: absolute;">Search</label><input id="input-9" type="text"></div>
+            <div class="v-text-field__slot"><label for="input-9" class="v-label theme--light" style="left: 0px; position: absolute;">Search</label><input id="input-9" type="text"></div>
             <div class="v-input__append-inner">
-              <div class="v-input__icon v-input__icon--clear"><button disabled="disabled" type="button" aria-label="clear icon" class="v-icon notranslate v-icon--disabled v-icon--link material-icons theme--light">$clear</button></div>
+              <div class="v-input__icon v-input__icon--clear"><button disabled="disabled" type="button" aria-label="clear icon" class="v-icon notranslate v-icon--disabled v-icon--link mdi mdi-close theme--light"></button></div>
             </div>
             <div class="v-input__append-inner">
               <div class="v-input__icon v-input__icon--append"><i aria-hidden="true" class="v-icon notranslate mdi mdi-magnify theme--light"></i></div>
@@ -28,7 +28,7 @@ exports[`users.vue should match snapshot 1`] = `
         </div>
       </div>
     </div> <span> <!----> <!----></span>
-    <div class="v-data-table theme--light">
+    <div class="v-data-table v-data-table--has-bottom theme--light">
       <div class="v-data-table__wrapper">
         <table>
           <colgroup>
@@ -49,7 +49,7 @@ exports[`users.vue should match snapshot 1`] = `
                         <div class="v-select__slot">
                           <div class="v-select__selections"><input id="input-17" readonly="readonly" type="text" aria-readonly="false" autocomplete="off"></div>
                           <div class="v-input__append-inner">
-                            <div class="v-input__icon v-input__icon--append"><i aria-hidden="true" class="v-icon notranslate material-icons theme--light">$dropdown</i></div>
+                            <div class="v-input__icon v-input__icon--append"><i aria-hidden="true" class="v-icon notranslate mdi mdi-menu-down theme--light"></i></div>
                           </div><input type="hidden">
                         </div>
                         <div class="v-menu">
@@ -76,10 +76,10 @@ exports[`users.vue should match snapshot 1`] = `
               <div role="button" aria-haspopup="listbox" aria-expanded="false" aria-owns="list-21" class="v-input__slot">
                 <div class="v-select__slot">
                   <div class="v-select__selections">
-                    <div class="v-select__selection v-select__selection--comma">10</div><input aria-label="$vuetify.dataTable.itemsPerPageText" id="input-21" readonly="readonly" type="text" aria-readonly="false" autocomplete="off">
+                    <div class="v-select__selection v-select__selection--comma">10</div><input id="input-21" readonly="readonly" type="text" aria-readonly="false" autocomplete="off">
                   </div>
                   <div class="v-input__append-inner">
-                    <div class="v-input__icon v-input__icon--append"><i aria-hidden="true" class="v-icon notranslate material-icons theme--light">$dropdown</i></div>
+                    <div class="v-input__icon v-input__icon--append"><i aria-hidden="true" class="v-icon notranslate mdi mdi-menu-down theme--light"></i></div>
                   </div><input type="hidden" value="10">
                 </div>
                 <div class="v-menu">
@@ -90,8 +90,8 @@ exports[`users.vue should match snapshot 1`] = `
           </div>
         </div>
         <div class="v-data-footer__pagination">–</div>
-        <div class="v-data-footer__icons-before"><button type="button" disabled="disabled" class="v-btn v-btn--disabled v-btn--flat v-btn--icon v-btn--round v-btn--text theme--light v-size--default"><span class="v-btn__content"><i aria-hidden="true" class="v-icon notranslate material-icons theme--light">$prev</i></span></button></div>
-        <div class="v-data-footer__icons-after"><button type="button" disabled="disabled" class="v-btn v-btn--disabled v-btn--flat v-btn--icon v-btn--round v-btn--text theme--light v-size--default"><span class="v-btn__content"><i aria-hidden="true" class="v-icon notranslate material-icons theme--light">$next</i></span></button></div>
+        <div class="v-data-footer__icons-before"><button type="button" disabled="disabled" class="v-btn v-btn--disabled v-btn--icon v-btn--round v-btn--text theme--light v-size--default"><span class="v-btn__content"><i aria-hidden="true" class="v-icon notranslate mdi mdi-chevron-left theme--light"></i></span></button></div>
+        <div class="v-data-footer__icons-after"><button type="button" disabled="disabled" class="v-btn v-btn--disabled v-btn--icon v-btn--round v-btn--text theme--light v-size--default"><span class="v-btn__content"><i aria-hidden="true" class="v-icon notranslate mdi mdi-chevron-right theme--light"></i></span></button></div>
       </div>
     </div>
     <!---->
diff --git a/src/frontend/yarn.lock b/src/frontend/yarn.lock
index e4da75f..61bb2d1 100644
--- a/src/frontend/yarn.lock
+++ b/src/frontend/yarn.lock
@@ -1922,10 +1922,10 @@
   optionalDependencies:
     prettier "^1.18.2"
 
-"@vue/test-utils@^1.0.4":
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/@vue/test-utils/-/test-utils-1.1.3.tgz#747f5683d8d4633c85a385fe2e02c1bb35bec153"
-  integrity sha512-BAY1Cwe9JpkJseimC295EW3YlAmgIJI9OPkg2FSP62+PHZooB0B+wceDi9TYyU57oqzL0yLbcP73JKFpKiLc9A==
+"@vue/test-utils@1.0.4":
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/@vue/test-utils/-/test-utils-1.0.4.tgz#6341caccdf72da5914a5168e680ea12550fba98a"
+  integrity sha512-uIdDqFauzNJWlhltLSZU+P3uHEgUQczklSv2b1EKC7JzxBg9OY/5sx8UyuJwBD+zuxidhFZ4SjTuPgr8cdf63w==
   dependencies:
     dom-event-types "^1.0.0"
     lodash "^4.17.15"