From f13b9dcbbc2da50c116013c92e55e949dc5da33b Mon Sep 17 00:00:00 2001
From: shakti97 <shaktisingh230797@gmail.com>
Date: Tue, 25 Feb 2020 23:22:52 +0530
Subject: [PATCH] fix redundant search button issue

---
 client/modules/IDE/components/Searchbar.jsx | 8 ++------
 client/styles/components/_searchbar.scss    | 4 +++-
 2 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/client/modules/IDE/components/Searchbar.jsx b/client/modules/IDE/components/Searchbar.jsx
index f3047b91..db64fe65 100644
--- a/client/modules/IDE/components/Searchbar.jsx
+++ b/client/modules/IDE/components/Searchbar.jsx
@@ -47,13 +47,9 @@ class Searchbar extends React.Component {
     const { searchValue } = this.state;
     return (
       <div className="searchbar">
-        <button
-          type="submit"
-          className="searchbar__button"
-          onClick={this.handleSearchEnter}
-        >
+        <div className="searchbar__button">
           <InlineSVG className="searchbar__icon" src={searchIcon} />
-        </button>
+        </div>
         <input
           className="searchbar__input"
           type="text"
diff --git a/client/styles/components/_searchbar.scss b/client/styles/components/_searchbar.scss
index 47a5fc84..398b1f99 100644
--- a/client/styles/components/_searchbar.scss
+++ b/client/styles/components/_searchbar.scss
@@ -22,7 +22,9 @@
   width: #{31 / $base-font-size}rem;
   height: #{36 / $base-font-size}rem;
   position: absolute;
-  padding: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
   border-right: solid 1px;
   @include themify() {
     border-right-color: getThemifyVariable('input-border-color');