Text divider row modification

[theOrakle]

I would like the ability to mod the custom:text-divider row, it is currently too bulky.

This may already be possible, I could just be doing something stupid. Here is my current edition of the code:

type: entities
title: Climate
style: |
  h2 {
    font-size: 16px;
    padding: 0px;
  }
  .text-divider {
    padding: 0px;
    margin: 0px;
  }
show_header_toggle: false
entities:
- type: 'custom:text-divider-row'
  text: Home
- entity: input_number.c_home_heat
  name: Heat
- entity: input_number.c_home_cool
  name: Cool
- type: 'custom:text-divider-row'
  text: Night
- entity: input_number.c_night_heat
  name: Heat
- entity: input_number.c_night_cool
  name: Cool
- type: 'custom:text-divider-row'
  text: Away
- entity: input_number.c_away_heat
  name: Heat
- entity: input_number.c_away_cool
  name: Cool