fix: fix search input stylings (eslint#603)

src/assets/scss/components/search.scss

@@ -25,10 +25,10 @@
 	color: var(--body-text-color);
 	position: absolute;
 	display: flex;
-	top: 50%;
-	offset-block-start: 50%;
-	transform: translateY(-50%);
-	right: 1.5rem;
+	top: 25%;
+	offset-block-start: 25%;
+	transform: translateY(-25%);
+	right: 1rem;
 	offset-inline-end: 1.5rem;
 	z-index: 3;
 	padding: 0;
@@ -45,6 +45,8 @@
 .search__input {
 	padding-left: 2.5rem;
 	padding-inline-start: 2.5rem;
+	padding-right: 2.5rem;
+	padding-inline-end: 2.5rem;
 	outline-offset: 1px;
 	width: 100%;
 }
@@ -95,14 +97,14 @@
 	border-radius: 0 0 var(--border-radius) var(--border-radius);
 	border: 1px solid var(--divider-color);
 	position: relative;
-	top: 0.25rem;
+	top: -1.5rem;
 	max-height: 400px;
 	overflow-y: auto;
 
 	@media all and (min-width: 1023px) {
 		box-shadow: var(--shadow-lg);
 		position: absolute;
-		top: calc(100% + 0.25rem);
+		top: calc(100% - 1.5rem);
 	}
 
 	&[data-results="true"] {