# Встроенные блоки

**Дополнительные фишки**

**Виджеты - Поиск**

**Изменение высоты элемента.**

Добавляем в дополнительные стили следующие стили.

```css
div .wp-block-search__inside-wrapper{
  max-height: 30px;
}

.search-icon {
  position: relative;
  top: -12px;
}
```

Первый блок определяет высоту, но тогда иконка поиска смещается ниже центра кнопки. Похоже, что это связано с внутренними расчетами, ... Для компенсации смещаем на половину вверх. Однако это работает только для 30px и типе расположения "Кнопка внутри". Если выставить 40px, то top: -8px.

<table border="1" id="bkmrk-%D0%9F%D0%BB%D1%8E%D1%81%D1%8B-%D0%9C%D0%B8%D0%BD%D1%83%D1%81%D1%8B-%D0%92%D1%8B%D1%81%D1%82%D0%B0%D0%B2%D0%BB" style="border-collapse: collapse; width: 100%; height: 89.3907px;"><colgroup><col style="width: 50%;"></col><col style="width: 50%;"></col></colgroup><thead><tr style="height: 29.7969px;"><td class="align-center" style="height: 29.7969px;">Плюсы</td><td class="align-center" style="height: 29.7969px;">Минусы</td></tr></thead><tbody><tr style="height: 29.7969px;"><td style="height: 29.7969px;">Выставленные параметры работают при изменении размера на ПК.</td><td style="height: 29.7969px;">Подбор при изменении типа расположения, размера.</td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px;">На ПК высота кнопки и поля ввода одинаковая. </td><td style="height: 29.7969px;">На IOS высота поля ввода меньше высоты кнопки.</td></tr></tbody></table>