Как сбросить css?

Для вашей задачи лучше сбрасывать выбранные свойства внутри конкретного класса. Полный all: initial слишком широк: он затрагивает даже display и наследуемое оформление. Если нужен откат авторских стилей, рассмотрите all: revert. Однако потомки со своими правилами сохранят их, а переменные CSS не обнулятся. После сброса заново задайте нужную раскладку и сохраните заметный фокус интерактивных элементов.

Для отдельного компонента сначала уберите ненужные авторские правила или переопределите конкретные свойства. Если требуется широкий сброс, используйте .widget { all: revert; }, понимая границы действия: правило относится к самому элементу, а собственные стили его потомков остаются. Значение initial выставляет начальные значения свойств по спецификации и может, например, сделать блочный элемент строчным. Unset наследует наследуемые свойства, а остальные возвращает к начальным значениям. Revert откатывает значения к более раннему источнику каскада, поэтому ближе к восстановлению браузерного оформления, но не является полной изоляцией компонента. Свойство all не сбрасывает пользовательские переменные, direction и unicode-bidi. После него проверьте размеры, шрифт и видимость фокуса кнопок. Глобальное правило для всех элементов ради одного блока создаст лишние изменения по странице.

Теперь ясно, почему после initial сам блок в строку превратился.