more padding + margin edits

src/components/RightSideBar/SearchInput.vue

@@ -7,7 +7,7 @@
         class="rounded"
         v-model="search.query"
         placeholder="Search your library"
-        type="text"
+        type="search"
         @focus="focusThis()"
         @blur="unfocusThis()"
       />
@@ -33,8 +33,9 @@ function unfocusThis() {
 <style lang="scss">
 #gsearch-input {
   display: flex;
-  margin-bottom: $small;
-  
+  height: max-content;
+  // margin-bottom: $smaller;
+
   @include tablet-landscape {
     display: none;
   }
@@ -44,11 +45,12 @@ function unfocusThis() {
     border-radius: 0.4rem;
     position: relative;
     display: flex;
-    gap: $small;
+    background-color: $red;
     background-color: $gray4;
 
     .icon {
-      width: 2rem;
+      width: 2.25rem;
+      aspect-ratio: 1;
       background-image: url("../../assets/icons/search.svg");
       background-size: 1.5rem;
       margin-left: $smaller;