🐛 Fix search bar width on layer tab

CHANGES.md

@@ -60,6 +60,7 @@
 - Fix incorrect message after sending invitation to already member [Taiga 5599](https://tree.taiga.io/project/penpot/issue/5599)
 - Fix text decoration on button [Taiga #5301](https://tree.taiga.io/project/penpot/issue/5301)
 - Fix menu order on design tab [Taiga #5195](https://tree.taiga.io/project/penpot/issue/5195)
+- Fix search bar width on layer tab [Taiga #5445](https://tree.taiga.io/project/penpot/issue/5445)
 
 ### :arrow_up: Deps updates
 

frontend/resources/styles/main/partials/sidebar-layers.scss

@@ -378,6 +378,8 @@ span.element-name {
           background-color: $color-gray-50;
           color: $color-white;
           font-size: $fs12;
+          flex-grow: 1;
+          margin: 0;
           height: 16px;
           &:focus {
             outline: none;
@@ -386,10 +388,16 @@ span.element-name {
         div {
           height: 16px;
           overflow: hidden;
+          width: 100%;
+          display: flex;
+          align-items: center;
         }
         .filter,
         .clear {
           width: 35px;
+          display: flex;
+          justify-content: center;
+          align-items: center;
           &.active {
             svg {
               fill: $color-primary;