ModuleNav: Extra margin in fields under columns with Navigation Module

[charantejpola]

Describe the bug
Have observed an issue with fields which are under columns div where an extra margin is being added.

.module-nav-container .columns .field {
    margin-inline-end: 20px;
}

To Reproduce

Steps to reproduce the behavior:

1. Create an soho-module-nav
2. Now create a layout in its container using columns
3. Now add fields class inside columns
4. We can see the extra margin being added to all fields

Expected behavior
The extra margin should not be added

Version

• ids-enterprise-ng : 18.2.1

Screenshots

Platform

• Infor Application/Team Name: [e.g. Infor XYZ, Infor ABC]
• Device: (if applicable) [e.g. iPhone 6 or Samsung Galaxy S6]
• OS Version: [e.g. Windows 10 or iOS 8]
• Browser Name: [e.g. chrome, safari, stock browser]
• Browser Version: [e.g. 22, 66.0.3359.181 (Official Build) (64-bit)]

Additional context
Please refer to the stackblitz:
https://stackblitz.com/edit/ids-quick-start-1821-gqy2wp?file=src%2Fapp%2Fapp.component.html,src%2Fapp%2Fapp.component.ts,src%2Fapp%2Fapp.module.ts,src%2Fapp%2Fapp.component.css

[tmcconechy]

https://inforwiki.atlassian.net/browse/IDS-4853