UI Layout Issues: Relative vs Fixed Heights

I can’t seem to figure out why my relative height issues arise since all of my added components have fixed heights. From the debug window

Vaadin DEBUG
- LoginWindow/c6b54a2 "Dugsi Manager" (height: MAIN WINDOW)
  - TeacherHomeView/2060e79c (height: RELATIVE, 100.0 %)
    - VerticalLayout/27a7bd4d (height: UNDEFINED)
      - HorizontalLayout/5713ce9a (height: RELATIVE, 100.0 %)
Layout problem detected: Component with relative height inside a VerticalLayout with no height defined.
Relative sizes were replaced by undefined sizes, components may not render as expected.

Sub errors >>
Vaadin DEBUG
- TeacherHomeView/2060e79c (height: RELATIVE, 100.0 %)
  - VerticalLayout/27a7bd4d (height: UNDEFINED)
    - HorizontalLayout/5713ce9a (height: RELATIVE, 100.0 %)
      - HorizontalLayout/1800bcb5 (height: RELATIVE, 100.0 %)
Layout problem detected: At least one of a HorizontalLayout's components must have non relative height if the height of the layout is not defined
Relative sizes were replaced by undefined sizes, components may not render as expected.

Vaadin DEBUG
- TeacherHomeView/2060e79c (width: RELATIVE, 100.0 %)
  - VerticalLayout/27a7bd4d (width: RELATIVE, 100.0 %)
    - HorizontalLayout/5713ce9a (width: UNDEFINED)
      - HorizontalLayout/1800bcb5 (width: RELATIVE, 100.0 %)
Layout problem detected: Component with relative width inside a HorizontalLayout with no width defined
Relative sizes were replaced by undefined sizes, components may not render as expected.

Sub errors >>
Vaadin DEBUG
- VerticalLayout/27a7bd4d (height: UNDEFINED)
  - HorizontalLayout/5713ce9a (height: RELATIVE, 100.0 %)
    - HorizontalLayout/1800bcb5 (height: RELATIVE, 100.0 %)
      - Panel/6eeab440 (height: RELATIVE, 100.0 %)
Layout problem detected: At least one of a HorizontalLayout's components must have non relative height if the height of the layout is not defined
Relative sizes were replaced by undefined sizes, components may not render as expected.

Vaadin DEBUG
- VerticalLayout/27a7bd4d (width: RELATIVE, 100.0 %)
  - HorizontalLayout/5713ce9a (width: UNDEFINED)
    - HorizontalLayout/1800bcb5 (width: RELATIVE, 100.0 %)
      - Panel/6eeab440 (width: RELATIVE, 100.0 %)
Layout problem detected: Component with relative width inside a HorizontalLayout with no width defined
Relative sizes were replaced by undefined sizes, components may not render as expected.

Sub errors >>
Vaadin DEBUG
- HorizontalLayout/5713ce9a (height: RELATIVE, 100.0 %)
  - HorizontalLayout/1800bcb5 (height: RELATIVE, 100.0 %)
    - Panel/6eeab440 (height: RELATIVE, 100.0 %)
      - TeacherDashboardView/6ed6db5b (height: RELATIVE, 100.0 %)
Layout problem detected: A component with relative height needs a parent with defined height.
Relative sizes were replaced by undefined sizes, components may not render as expected.

Vaadin DEBUG
- HorizontalLayout/5713ce9a (width: UNDEFINED)
  - HorizontalLayout/1800bcb5 (width: RELATIVE, 100.0 %)
    - Panel/6eeab440 (width: RELATIVE, 100.0 %)
      - TeacherDashboardView/6ed6db5b (width: RELATIVE, 100.0 %)
Layout problem detected: A component with relative width needs a parent with defined width.
Relative sizes were replaced by undefined sizes, components may not render as expected.

Sub errors >>
Vaadin DEBUG
- HorizontalLayout/1800bcb5 (height: RELATIVE, 100.0 %)
  - Panel/6eeab440 (height: RELATIVE, 100.0 %)
    - TeacherDashboardView/6ed6db5b (height: RELATIVE, 100.0 %)
      - AbsoluteLayout/5bdb6c36 "dashboard" (height: RELATIVE, 100.0 %)
Layout problem detected: A component with relative height needs a parent with defined height.
Relative sizes were replaced by undefined sizes, components may not render as expected.

All of these errors have to do with relative sizing, i made everything 100% yet there is no issue with other similiar views?