button.patch

diff --git a/src/components/Editor/SearchBar.css b/src/components/Editor/SearchBar.css
index 71438b56..872834cb 100644
--- a/src/components/Editor/SearchBar.css
+++ b/src/components/Editor/SearchBar.css
@@ -14,12 +14,6 @@
 
 .search-field .close-btn {
   margin-top: 7px;
-  display: inline-flex;
-}
-
-.search-field .close-btn img.close {
-  margin-top: 3px;
-  margin-left: -1.5px;
 }
 
 .search-bottom-bar * {
diff --git a/src/components/Editor/Tabs.css b/src/components/Editor/Tabs.css
index 11afc8cd..efb712cc 100644
--- a/src/components/Editor/Tabs.css
+++ b/src/components/Editor/Tabs.css
@@ -43,7 +43,7 @@
   border-top-left-radius: 2px;
   border-top-right-radius: 2px;
   display: inline-flex;
-  align-items: flex-end;
+  align-items: center;
   position: relative;
   transition: all 0.15s ease;
   min-width: 40px;
@@ -123,11 +123,6 @@
   line-height: 0;
 }
 
-.source-tab .close-btn img.close {
-  margin-top: 3px;
-  margin-left: -2px;
-}
-
 .source-tab.active .close-btn {
   visibility: visible;
 }
diff --git a/src/components/ProjectSearch/TextSearch.css b/src/components/ProjectSearch/TextSearch.css
index 51d24df6..ad0291c0 100644
--- a/src/components/ProjectSearch/TextSearch.css
+++ b/src/components/ProjectSearch/TextSearch.css
@@ -86,11 +86,6 @@
   margin-top: 10px;
 }
 
-.project-text-search .search-field .close-btn.big img.close {
-  margin-top: 0px;
-  margin-left: 0px;
-}
-
 .project-text-search .managed-tree {
   overflow-y: auto;
   height: calc(100% - 81px);
diff --git a/src/components/SecondaryPanes/Breakpoints.css b/src/components/SecondaryPanes/Breakpoints.css
index 5978eb0d..9a2992bd 100644
--- a/src/components/SecondaryPanes/Breakpoints.css
+++ b/src/components/SecondaryPanes/Breakpoints.css
@@ -107,11 +107,6 @@ html .breakpoints-list .breakpoint.paused {
   top: 9px;
 }
 
-.breakpoint .close-btn img.close {
-  padding-top: 8px;
-  margin-left: -2px;
-}
-
 .breakpoint .close {
   visibility: hidden;
 }
diff --git a/src/components/SecondaryPanes/Expressions.css b/src/components/SecondaryPanes/Expressions.css
index 2b370a1a..811c3682 100644
--- a/src/components/SecondaryPanes/Expressions.css
+++ b/src/components/SecondaryPanes/Expressions.css
@@ -29,6 +29,7 @@
   margin: 0;
   padding: 0;
 }
+
 .expression-input-container {
   padding: 0.5em;
   display: flex;
@@ -44,7 +45,7 @@
   position: relative;
 }
 
-.expression-container > .tree {
+.expression-container>.tree {
   width: 100%;
   overflow: hidden;
 }
@@ -64,15 +65,9 @@
 }
 
 .expression-container__close-btn .close-btn {
-  padding-left: 3px;
   margin-top: 2px;
 }
 
-.expression-container__close-btn .close-btn img.close {
-  padding-top: 11px;
-  margin-left: -0.5px;
-}
-
 .expression-content {
   position: relative;
 }
@@ -86,10 +81,6 @@
   overflow-x: hidden;
 }
 
-.expression-container:hover .close-btn {
-  display: inline-block;
-}
-
 .expression-input {
   max-width: 50%;
 }
diff --git a/src/components/shared/Button/Close.css b/src/components/shared/Button/Close.css
index 5d4a5129..2e5ec0d3 100644
--- a/src/components/shared/Button/Close.css
+++ b/src/components/shared/Button/Close.css
@@ -7,7 +7,11 @@
   height: 14px;
   border: 1px solid transparent;
   border-radius: 2px;
-  padding-left: 4px;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  transition: background-color 100ms linear;
 }
 
 .close-btn .close {
@@ -19,8 +23,6 @@
   transition: all 0.15s ease-in-out;
   padding: 0;
   margin-top: 0;
-  display: inline-flex;
-  justify-content: center;
 }
 
 .close-btn:hover img.close {
@@ -28,21 +30,15 @@
 }
 
 .close-btn:hover {
-  display: block;
   background-color: var(--theme-selection-background);
 }
 
 .close-btn.big {
-  padding: 3px;
-  width: 20px;
-  height: 20px;
-}
-
-.close-btn.big .close {
   width: 16px;
   height: 16px;
 }
 
-.close-btn.big img.close {
-  width: 12px;
+.close-btn.big .close {
+  width: 9px;
+  height: 9px;
 }