Header and Footer incorrect positioning after adding TailBlocks CDN to index.html

### Issue type

**I'm submitting a ...** (check one with "x")

* [ ] bug report

### Issue description

**Current behavior:**
I am using the tailblocks https://mertjf.github.io/tailblocks/ via a cdn in my index.html

I am using the ngx-one-column layout for the side menu which has the header and footer component nested within it. After adding this style sheet reference the header and footer and stacked on top of each other at the top of the page and only fill less than half the width of the screen.

**Expected behavior:**
Header and Footer component should be at the top and bottom of the page.

**Steps to reproduce:**
I open index.html and paste the a CDN link in the header section with the link rel stylesheet.
link rel="stylesheet" href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css"
Observe after the toolbar positioning error.

**npm, node, OS, Browser**

Node, npm: `node --14.20` and `npm --6.14.2`
OS: Windows 10
Browser: Chrome

**Angular, Nebular**

Angular 9.0
Nebular 5.0