style(navigation): update overflow styles (#1371)

Author: adisreyaj

projects/components/src/navigation/navigation-list.component.scss

@@ -5,14 +5,15 @@
   position: relative;
   display: flex;
   flex-direction: column;
-  padding: 18px 12px;
 
   height: 100%;
   width: 100%;
   justify-content: space-between;
-  overflow-y: auto;
 
   .content {
+    overflow-y: auto;
+    padding: 18px 12px;
+
     .nav-header {
       padding-top: 24px;
       padding-left: 14px;
@@ -60,11 +61,12 @@
     position: relative;
     margin-left: 6px;
     color: $gray-5;
+    padding: 8px 12px 18px;
 
     .footer-item {
       display: flex;
       align-items: center;
-      margin-left: 8px;
+      margin-left: 12px;
 
       .link {
         @include link;
@@ -74,8 +76,8 @@
 
     .nav-divider {
       position: absolute;
-      top: -6px;
-      left: 8px;
+      top: 0;
+      left: 24px;
       margin: 0;
       height: 1px;
       width: 16px;