diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 234f14343..b7d4d1154 100755
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -1,7 +1,7 @@
 <template>
   <div id="app" class="h-100">
     <component :is="$route.meta.requiresAuth ? 'DashboardLayout' : 'AuthLayout'" />
-    <div class="goldrand position-fixed w-100 fixed-bottom zindex10"></div>
+    <div class="goldrand position-fixed w-100 fixed-bottom zindex1000"></div>
   </div>
 </template>
 
diff --git a/frontend/src/layouts/AuthLayout.vue b/frontend/src/layouts/AuthLayout.vue
index 9406ea034..ae7adc330 100644
--- a/frontend/src/layouts/AuthLayout.vue
+++ b/frontend/src/layouts/AuthLayout.vue
@@ -44,7 +44,7 @@
                 </b-col>
                 <b-col cols="2" class="text-right">
                   <div id="popover-target-1" class="pointer">
-                    <b-img src="img/svg/type.svg" width="19" class="svg"></b-img>
+                    <b-img src="img/svg/type.svg" width="19" class="svgType"></b-img>
                   </div>
                   <b-popover
                     target="popover-target-1"
@@ -164,6 +164,9 @@ export default {
   overflow: hidden;
 }
 
+.svgType:hover {
+  filter: invert(38%) sepia(18%) saturate(5307%) hue-rotate(179deg) brightness(89%) contrast(89%);
+}
 @media screen and (min-width: 2000px) {
   .right-content-box {
     max-width: 60%;