Make whole oh-toggle-item clickable

Hi All,

I have a page that generates a list of all switch items in a group in a oh-list-card by using the oh-repeater to display a oh-toggle-item for each switch.

image

The problem is that i have to exactly press the toggle, pressing the whole item row does not interact with the switch. Is there a way that allows to make the whole row to interact with the switch?

This is my code:

- component: oh-list-card
  config:
    title: List Title
  slots:
    default:
      - component: oh-repeater
        config:
          for: item
          sourceType: itemsInGroup
          groupItem: =props.itemGroupCeiling
          filter: '(loop.item.type=="Switch") ? true : false'
        slots:
          default:
            - component: oh-toggle-item
              config:
                icon: ='oh:' + loop.item.category
                title: =loop.item.label
                item: =loop.item.name