Improve faq template styles

resources/assets/styles/layouts/_faq-template.scss

@@ -20,7 +20,7 @@ body.template-faq {
     position: absolute;
     left: 1em;
     top: 50%;
-    z-index: 4;
+    z-index: 3;
     transform: translateY(-50%);
   }
 
@@ -28,7 +28,7 @@ body.template-faq {
     border: none;
     background: transparent;
     border-bottom: 2px solid $white;
-    transition: background-color 0.2s ease;
+    transition: background-color 0.2s ease, border-radius 0.2s ease;
 
     &::placeholder {
       color: $white;
@@ -42,6 +42,10 @@ body.template-faq {
         color: theme-color("tertiary") !important;
       }
     }
+
+    &:not(:focus) {
+      border-radius: 0;
+    }
   }
 
   .faq-category {
@@ -90,9 +94,5 @@ body.template-faq {
         left: -2rem;
       }
     }
-
-    &:not(:last-child) {
-      //border-bottom: 1px solid $gray-200;
-    }
   }
 }