From 40a12d7511fc87c5ead83761b73354038681d2d7 Mon Sep 17 00:00:00 2001
From: Devesh Kumar <59202075+Devesh21700Kumar@users.noreply.github.com>
Date: Sat, 7 Aug 2021 20:50:07 +0530
Subject: [PATCH] small UI fix for the search icon and placeholder of the 
 search higlighting (#4422)

no changeset as it doesn't change a package, just an example.
---
 site/examples/search-highlighting.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/site/examples/search-highlighting.tsx b/site/examples/search-highlighting.tsx
index 745ffde11..4731f9ed5 100644
--- a/site/examples/search-highlighting.tsx
+++ b/site/examples/search-highlighting.tsx
@@ -48,8 +48,8 @@ const SearchHighlightingExample = () => {
           <Icon
             className={css`
               position: absolute;
-              top: 0.5em;
-              left: 0.5em;
+              top: 0.3em;
+              left: 0.4em;
               color: #ccc;
             `}
           >
@@ -60,7 +60,7 @@ const SearchHighlightingExample = () => {
             placeholder="Search the text..."
             onChange={e => setSearch(e.target.value)}
             className={css`
-              padding-left: 2em;
+              padding-left: 2.5em;
               width: 100%;
             `}
           />