fix css sidebar

layouts/user.vue

@@ -8,15 +8,15 @@
         <span class="badge-title"> Demos</span>
       </v-btn>
       <v-btn elevation="2" color="black" tile class="badge-1">
-        <a href="#" class="btn-a"><v-icon> mdi-information</v-icon></a>
+        <a href="#" class="btn-a"><v-icon color="white"> mdi-information</v-icon></a>
         <span class="badge-title"> Documentations</span>
       </v-btn>
       <v-btn elevation="2" color="black" tile class="badge-2">
-        <a href="#" class="btn-a"><v-icon> mdi-star</v-icon></a>
+        <a href="#" class="btn-a"><v-icon color="white"> mdi-star</v-icon></a>
         <span class="badge-title"> Reviews</span>
       </v-btn>
       <v-btn elevation="2" color="primary" tile class="badge-3">
-        <a href="#" class="btn-a"><v-icon> mdi-cart</v-icon></a>
+        <a href="#" class="btn-a"><v-icon color="white"> mdi-cart</v-icon></a>
         <span class="badge-title"> Buy Now!</span>
       </v-btn>
       <a href="#" class="scroll-to-top-btn"><v-icon> mdi-arrow-up-bold</v-icon></a>
@@ -74,6 +74,9 @@ export default {
 </script>
 
 <style>
+a{
+    text-decoration: none;
+}
 /* width */
 ::-webkit-scrollbar {
   width: 10px;