diff --git a/terminus-core/src/components/appRoot.component.scss b/terminus-core/src/components/appRoot.component.scss index 7b2f42d7..17459dcd 100644 --- a/terminus-core/src/components/appRoot.component.scss +++ b/terminus-core/src/components/appRoot.component.scss @@ -18,6 +18,7 @@ $tab-border-radius: 4px; .content { + height: 100%; flex: auto; display: flex; flex-direction: column-reverse; diff --git a/terminus-settings/src/components/settingsTab.deep.component.css b/terminus-settings/src/components/settingsTab.deep.component.css index ddb9bf0c..0ce43181 100644 --- a/terminus-settings/src/components/settingsTab.deep.component.css +++ b/terminus-settings/src/components/settingsTab.deep.component.css @@ -1,12 +1,12 @@ :host /deep/ ngb-tabset { flex: auto; display: flex; + height: 100%; } :host /deep/ ngb-tabset > .nav { - display: flex; - flex-direction: column; - flex: none; + display: block; + overflow-y: auto; } :host /deep/ ngb-tabset > .tab-content {