fix: favorite button

frontend/app/src/theme/common/_ion-searchbar.scss

@@ -12,7 +12,48 @@
  * You should have received a copy of the GNU General Public License along with
  * this program. If not, see <https://www.gnu.org/licenses/>.
  */
+$icon-size: 23px;
 
-ion-searchbar {
+app-root ion-searchbar[class*='sc-ion-searchbar-'] {
+  --border-radius: var(--border-radius-default);
   --background: var(--ion-item-background) !important;
+
+  height: 38px;
+  padding-top: 0;
+  padding-bottom: 0;
+
+  &.filterable {
+    --box-shadow: none;
+
+    position: relative;
+    padding-right: 0;
+    padding-left: 0;
+
+    ion-menu-button {
+      position: absolute;
+      z-index: 1;
+      right: 5px;
+    }
+
+    .searchbar-clear-button {
+      right: 45px;
+    }
+  }
+
+  ion-icon.searchbar-search-icon {
+    top: 50%;
+    left: var(--spacing-sm);
+    transform: translateY(-50%);
+
+    width: $icon-size;
+    height: $icon-size;
+
+    color: var(--ion-color-medium-shade);
+  }
+
+  input.searchbar-input {
+    padding-top: var(--spacing-xs);
+    padding-bottom: var(--spacing-xs);
+    padding-left: calc(var(--spacing-lg) + #{$icon-size});
+  }
 }