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%; } }