From f9e6eb2791aed5aee14e282947b76d0ca9e49e69 Mon Sep 17 00:00:00 2001
From: Asaad Mahmood <asaadmahmood@users.noreply.github.com>
Date: Mon, 5 Sep 2022 12:23:01 +0500
Subject: [PATCH] GH-3768 - Search icon fix (#3778)

---
 mattermost-plugin/webapp/src/components/boardSelector.scss | 5 +++--
 webapp/src/components/searchDialog/searchDialog.scss       | 6 ++++--
 webapp/src/components/viewHeader/viewHeader.scss           | 4 +++-
 3 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/mattermost-plugin/webapp/src/components/boardSelector.scss b/mattermost-plugin/webapp/src/components/boardSelector.scss
index c4037dcab..94fc35c33 100644
--- a/mattermost-plugin/webapp/src/components/boardSelector.scss
+++ b/mattermost-plugin/webapp/src/components/boardSelector.scss
@@ -132,10 +132,11 @@
                 position: absolute;
                 left: 13px;
                 font-size: 18px;
-                top: 13px;
                 width: 20px;
-                height: 20px;
+                height: 100%;
                 opacity: 0.48;
+                display: flex;
+                align-items: center;
             }
 
             .searchQuery {
diff --git a/webapp/src/components/searchDialog/searchDialog.scss b/webapp/src/components/searchDialog/searchDialog.scss
index 80f72b806..e6b054e33 100644
--- a/webapp/src/components/searchDialog/searchDialog.scss
+++ b/webapp/src/components/searchDialog/searchDialog.scss
@@ -5,6 +5,7 @@
     .dialog {
         .toolbar {
             flex-direction: row-reverse;
+            padding: 0;
         }
     }
 
@@ -118,10 +119,11 @@
                 position: absolute;
                 left: 13px;
                 font-size: 18px;
-                top: 14px;
                 width: 20px;
-                height: 20px;
+                height: 100%;
                 opacity: 0.48;
+                display: flex;
+                align-items: center;
             }
 
             .searchQuery {
diff --git a/webapp/src/components/viewHeader/viewHeader.scss b/webapp/src/components/viewHeader/viewHeader.scss
index bdb0caf78..71edf7eff 100644
--- a/webapp/src/components/viewHeader/viewHeader.scss
+++ b/webapp/src/components/viewHeader/viewHeader.scss
@@ -72,8 +72,10 @@
 
     .board-search-icon {
         position: absolute;
-        top: 9px;
         left: 10px;
         color: rgba(var(--center-channel-color-rgb), 0.64);
+        display: flex;
+        align-items: center;
+        height: 100%;
     }
 }