From 349a9b84b54654fe1ac19e7aded1e43cb836c646 Mon Sep 17 00:00:00 2001
From: Amaresh  S M <amareshsm13@gmail.com>
Date: Sat, 13 Jul 2024 19:27:37 +0530
Subject: [PATCH] fix:  fix search input stylings

---
 src/assets/scss/components/search.scss | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/assets/scss/components/search.scss b/src/assets/scss/components/search.scss
index 349f428f2..f1313b953 100644
--- a/src/assets/scss/components/search.scss
+++ b/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"] {