Вложенные блоки отображаются неверно

[lgadina]

В хроме/яндексбраузере

код:

M_GRID(
      M_BLOCK_THIN_TAB(
          "Котел",
          M_BLOCK_THIN_TAB(
              "Отопление",
              M_BOX(GP.LABEL("Темп. прямой"); GP.LABEL("30", "t_in"););
              M_BOX(GP.LABEL("Темп. обратн"); GP.LABEL("22", "t_out");););
          M_BLOCK_THIN_TAB(
              "Горячая вода",
              M_BOX(GP.LABEL("Темп. хол."); GP.LABEL("23", "t_cold"););
              M_BOX(GP.LABEL("Темп. гор."); GP.LABEL("24", "t_hot");););
          M_BOX(GP.LABEL("Нагрев вкл"); GP.LED("boilerOn", false););););
  M_GRID(
      M_BLOCK_THIN_TAB(
          "UPS",
          M_BOX(GP.LABEL("Вход"); GP.NUMBER("v_in", "", 221););
          M_BOX(GP.LABEL("Выход"); GP.NUMBER("v_out", "", 220););););

[XRay3D]

В стиле

#grid .block {
  width: 100%;  <= заменить
  flex: auto;   <= на это
  margin: 10px;
}

и в начало добавить

* {
  box-sizing: border-box;
}

https://github.com/XRay3D/GyverPortal/blob/dev/Test/DARK.css