Heading spacing

**Describe the bug**
Heading components overlap surrounding content.

**To Reproduce**
Steps to reproduce the behavior:
1. Place 2 headings next to each other
2. They overlap

**Expected behavior**
Heading components should not overlap surrounding elements.

**Screenshots**

**Rimble UI Version**

- 0.10.0 (latest)

**Desktop (please complete the following information):**
- OS: [e.g. iOS]
- Browser [e.g. chrome, safari]
- Version [e.g. 22]

**Smartphone (please complete the following information):**
- Device: [e.g. iPhone6]
- OS: [e.g. iOS8.1]
- Browser [e.g. stock browser, safari]
- Version [e.g. 22]

**Additional context**
Add any other context about the problem here.