more refactoring

src/components/Search/AlbumGrid.vue

@@ -31,15 +31,13 @@ export default {
 </script>
 
 <style lang="scss">
-
 .right-search .albums-results {
   border-radius: 0.5rem;
   background: #0f131b44;
   margin-top: $small;
   padding: $small;
   overflow-x: hidden;
-  border: solid 2px $theme;
-  
+  border: solid 1px $gray;
 
   .result-item:hover {
     background-color: $gray3;
@@ -49,7 +47,7 @@ export default {
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
     flex-wrap: wrap;
-    gap: 1rem;
+    gap: 0.75rem;
   }
 }
 </style>

src/components/Search/ArtistGrid.vue

@@ -35,8 +35,8 @@ export default {
   border-radius: 0.5rem;
   padding: $small;
   margin-bottom: $small;
-  border: solid 2px $theme;
-
+  border: solid 1px $gray;
+  background-color: #150d167c;
 
   .xartist {
     background: linear-gradient(

src/components/Search/TracksGrid.vue

@@ -42,6 +42,6 @@ function loadMore() {
 .right-search .tracks-results {
   border-radius: 0.5rem;
   padding: $small;
-  border: 2px solid $theme;
+  border: 1px solid $gray;
 }
 </style>