Overview page layout - High empty space at the top of the page

Hi all.

I am running OpenHab in Docker conteiner at version 4.3.1.

Goal:
I want my own default page based on SemanticHomeMenu.
https://community.openhab.org/t/semantichomemenu-for-openhab-4-discussions/152202

I maybe found two ways how to do it:

  1. Create new manifest file to avoid loading MainUI as decribed here: default page
  2. Modify Overview page layout to use my widget.

I would like to go with second option, but I have a problem with css styles which create big empty space at the top of the page (between header and my actual widget).

Here it is more less ok, but on phone it takes a lot of space:

First is some empty DIV with 31px padding:

Second is 15px padding of mainWidget:

Here is my Overview page code:

config:
  hideNavbar: true
  hideSidebarIcon: true
  label: Overview
  showFullscreenIcon: false
  sidebar: true
  style:
    --f7-block-padding-horizontal: 0px
    --f7-block-padding-vertical: 0px
    --f7-navbar-height: 0
    padding: 0
    margin: 0
blocks:
  - component: oh-block
    config:
      stylesheet: |
        .block:first-child{
          margin: 0px;
        }
    slots:
      default:
        - component: oh-grid-row
          config: {}
          slots:
            default:
              - component: oh-grid-col
                config: {}
                slots:
                  default:
                    - component: widget:semanticHomeMenu
                      config: {}
masonry: []
grid: []
canvas: []

And here Home Page settings:

config:
  label: Home Page
  simpleNavbarMobileDefault: true
  simpleNavbarDesktopDefault: true
  hiddenModelTabs:
    - locations
    - equipment
    - properties
locations:
  - component: oh-locations-tab
    config: {}
    slots: {}
equipment:
  - component: oh-equipment-tab
    config: {}
    slots: {}
properties:
  - component: oh-properties-tab
    config: {}
    slots: {}

Is there a way how to remove this gap?

Thanks.