Clipping text with large font size set

Card text size can be increased but it ends up clipping its frame.
Have tried a bunch of settings that can be seen left over in the code below.

What am I doing wrong?

type: entities
entities:
  - entity: sensor.lumi_lumi_weather_temperature_6
    name: Kitchen Temperature
  - entity: sensor.lumi_lumi_weather_temperature_4
    name: Bedroom Temp
  - entity: sensor.lumi_lumi_weather_temperature
    name: Living Room Temp
  - entity: sensor.lumi_lumi_weather_pressure
    name: Living Room Pressure
  - entity: sensor.lumi_lumi_weather_temperature_5
    name: Allrum Temp
  - entity: sensor.lumi_lumi_weather_humidity_3
    name: 3D Printer Humidity
  - entity: sensor.lumi_lumi_weather_temperature_3
    name: 3D Printer Temperature
title: Status
state_color: false
card_mod:
  style: |
    ha-card {
      #color: red;
    }
    .card-header {
      #background-color: var(--background-color-off);
      #color: var(--text-color-off);
      #padding-top: 0px;
      #padding-bottom: 0px;
    }
    .card-content {
      #background-color: rgba(0,255,0,0.2);
      overflow-y: hidden;
      overflow-x: hidden;
      --mdc-icon-size: 48px; 
      #padding-top: 36px;
      #padding-bottom: 36px;
      #max-height: 300px;
      #margin-top:10px;
      #margin-bottom: 16px;
      text-align: center;
      #left-indent; 50px;
      font-size: 36px;
      #width: 80%;
      #left: 10%
    }

Suggest to ask similar questions in the main card-mod thread. No need to create 1000th thread about the same.
This path: card-mod thread → 1st post → link at the bottom → Entiites card → styling a row’s height - may give you some hints.

Thanks for the re-direction.
Have been trawling through that thread and others for hours and not getting anywhere. Never thought to submit a question to it.

That particular post which I proposed contains exactly your case - reduced height, and then add additional styles like alignment etc.