Side bar spacing different in downloaded pro version

[p-clark]

Hi, I noticed a difference between the pro version that is demonstrated on your website and the downloaded pro version. I am not certain how to get them in sync, however.

At this location: https://demos.creative-tim.com/light-bootstrap-dashboard-pro-angular2/dashboard

The side bar color is flush to the main content, seen here:

However, with the downloaded pro version (unmodified v1.2.1), the side bar is not flush, seen here:

How can I address the mismatched downloaded version of the pro product?

Thank you!

[p-clark]

I have worked with the _sidebar-and-main-panel.scss and come up with a solution that works, but may not be optimal. But first, the reason this might not have been seen on all systems is because I turned on Always show scroll bars on MacOS:

I have found that if I adjust the following lines in the _sidebar-and-main-panel.scss, it appears to work in a similar manner to the https://demos.creative-tim.com/light-bootstrap-dashboard-pro-angular2/dashboard

I adjusted the following:

• .sidebar{ to have overflow: auto instead of overflow-x: hidden; overflow-y: scroll;
• .sidebar{ .sidebar-wrapper{ height: calc(100% - 64px) rather than 75px. Doing this matched what is on the demo site and removed a small block at the bottom of the side bar.

• added two overflow styles in the @media($screen-md) section:

  @media (min-width: $screen-md){
  .sidebar-mini{
  ...
      .sidebar,
      .sidebar .sidebar-wrapper{
          width: 80px;
          overflow: hidden;
      }
  ...
      .sidebar:hover{
          width: 260px;
  
          .logo{
              a.logo-normal{
                  opacity: 1;
                  @include transform-translate-x(0px);
              }
          }
  
          .sidebar-wrapper{
              width: 260px;
              overflow-y: auto;
  ...

  Here is the unified diff format comparing the original with the modified:

11,12c11
<     overflow-x: hidden;
<     overflow-y: scroll;
---
>     overflow: auto;
31c30
<         height: calc(100% - 75px);
---
>         height: calc(100% - 64px);
444a444
>             overflow: hidden;
489a490
>                 overflow-y: auto;

This seems to work on MacOS, but if anyone has better ideas on how to address, please let me know.

Thanks!