title: How to remove scrollbar for Side menu
body: <p>I am facing some problems on UI. Getting Scrollbar for the left menu that we do not want. Is there any way to resolve the issue. Please review the attached screenshot (highlighed in red). Also please refer the code for left menu.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;nav class="sidebar" [ngClass]="{sidebarPushRight: isActive}" style="width:16.67%"&gt;
              &lt;div id="sidebar-wrapper"&gt;
                  &lt;ul class="sidebar-nav list-group" style="margin-left:0; width:100%; right:0px;"&gt;
  
                      &lt;li&gt;
                          &lt;div style="height: auto; border-bottom: 1px; border-bottom-style: solid; border-radius: 0; border-bottom-color: #77c157;"&gt;
                              &lt;h4 class="headingTables" style="color:#ffffff!important; vertical-align:middle; padding:20px; text-align:left;text-justify:inter-word;"&gt;Hello {{firstName}} {{lastName}}!&lt;/h4&gt;
                          &lt;/div&gt;
                      &lt;/li&gt;
                      &lt;li *ngIf='permissions &amp;&amp; permissions.length &amp;&amp; checkPermission(permissions,"dashboard")'&gt;
                          &lt;a [routerLink]="['/dashboard']" [routerLinkActive]="['router-link-active']" class="list-group-item headingTables" style="height:inherit;margin:0;padding:0; color: #ffffff !important;"&gt;
                              &lt;div style="padding:3px;"&gt;
                                  &lt;span style="padding:10px 3px 10px 0px; display:inline-block;"&gt;
                                      &lt;img style="height: 25px;width: 25px;" src="assets/img/DashboardIcon.png"&gt;
                                      Dashboard
                                  &lt;/span&gt;
                              &lt;/div&gt;
                          &lt;/a&gt;
                      &lt;/li&gt;
                      &lt;li *ngIf='permissions &amp;&amp; permissions.length &amp;&amp; checkPermission(permissions,"properties")'&gt;
                          &lt;a [routerLink]="['/projects']" [routerLinkActive]="['router-link-active']" class="list-group-item headingTables" style="height:inherit;margin:0;padding:0; color: #ffffff !important;"&gt;
                              &lt;div style="padding:3px;"&gt;
                                  &lt;span style="padding:10px 3px 10px 0px; display:inline-block;"&gt;
                                      &lt;img style="height: 25px;width: 25px;" src="assets/img/ProjectsIcon.png"&gt;
                                      Properties
                                  &lt;/span&gt;
                              &lt;/div&gt;
                          &lt;/a&gt;
                      &lt;/li&gt;
                      &lt;li *ngIf='permissions &amp;&amp; permissions.length &amp;&amp; checkPermission(permissions,"historicPayments")'&gt;
                          &lt;a [routerLink]="['/historicPayments']" [routerLinkActive]="['router-link-active']" class="list-group-item headingTables" style="height:inherit;margin:0;padding:0; color: #ffffff !important;"&gt;
                              &lt;div style="padding:3px;"&gt;
                                  &lt;span style="padding:10px 3px 10px 0px; display:inline-block;"&gt;
                                      &lt;img style="height: 25px;width: 25px;" src="assets/img/PaymentsIcon.png"&gt;
                                      Payment History
                                  &lt;/span&gt;
  
                              &lt;/div&gt;
                          &lt;/a&gt;
                      &lt;/li&gt;
                      &lt;li *ngIf='permissions &amp;&amp; permissions.length &amp;&amp; checkPermission(permissions,"futurePayments")'&gt;
                          &lt;!--*ngIf='permissions &amp;&amp; permissions.length &amp;&amp; checkPermission(permissions,"futurePayments")'&gt;--&gt;
                          &lt;a [routerLink]="['/futurePayments']" [routerLinkActive]="['router-link-active']" class="list-group-item headingTables" style="height:inherit;margin:0;padding:0;color: #ffffff !important;"&gt;
                              &lt;div style="padding:3px;"&gt;
                                  &lt;span style="padding:10px 3px 10px 0px; display:inline-block;"&gt;
  
                                      &lt;img style="height: 25px;width: 25px;" src="assets/img/PaymentsIcon.png"&gt;
                                      Next Payment Date
                                  &lt;/span&gt;
  
                              &lt;/div&gt;
                          &lt;/a&gt;
                      &lt;/li&gt;
                      &lt;li *ngIf='permissions &amp;&amp; permissions.length &amp;&amp; checkPermission(permissions,"profile")'&gt;
                          &lt;a [routerLink]="['/profile']" [routerLinkActive]="['router-link-active']" class="list-group-item headingTables" style="height:inherit;margin:0;padding:0;color: #ffffff !important;"&gt;
                              &lt;div style="padding:3px;"&gt;
                                  &lt;span style="padding:10px 3px 10px 0px; display:inline-block;"&gt;
  
                                      &lt;img style="height: 25px;width: 25px;" src="assets/img/ProfileIcon.png"&gt;
                                      Profile
                                  &lt;/span&gt;
  
                              &lt;/div&gt;
                          &lt;/a&gt;
                      &lt;/li&gt;
                      &lt;li *ngIf='permissions &amp;&amp; permissions.length &amp;&amp; checkPermission(permissions,"requests")'&gt;
                          &lt;a [routerLink]="['/serviceRequestsList']" [routerLinkActive]="['router-link-active']" class="list-group-item headingTables" style="height:inherit;margin:0;padding:0;color: #ffffff !important;"&gt;
                              &lt;div style="padding:3px;"&gt;
                                  &lt;span style="padding:10px 3px 10px 0px; display:inline-block;"&gt;
  
                                      &lt;img style="height: 25px;width: 25px;" src="assets/img/ServiceRequestsIcon.png"&gt;
                                      Service Requests
                                  &lt;/span&gt;
  
                              &lt;/div&gt;
                          &lt;/a&gt;
                      &lt;/li&gt;
                      &lt;li *ngIf='permissions &amp;&amp; permissions.length &amp;&amp; checkPermission(permissions,"faqs")'&gt;
                          &lt;a [routerLink]="['/faqs']" [routerLinkActive]="['router-link-active']" class="list-group-item headingTables" style="height:inherit;margin:0;padding:0;color: #ffffff !important;"&gt;
                              &lt;div style="padding:3px;"&gt;
                                  &lt;span style="padding:10px 3px 10px 0px; display:inline-block;"&gt;
  
                                      &lt;img style="height: 25px;width: 25px;" src="assets/img/FAQsIcon.png"&gt;
                                      FAQ's
                                  &lt;/span&gt;
                              &lt;/div&gt;
                          &lt;/a&gt;
                      &lt;/li&gt;
                      &lt;li *ngIf='permissions &amp;&amp; permissions.length &amp;&amp; checkPermission(permissions,"admin")'&gt;
                          &lt;a [routerLink]="['/searchproperties']" [routerLinkActive]="['router-link-active']" class="list-group-item headingTables" style="height:inherit;margin:0;padding:0;color: #ffffff !important;"&gt;
                              &lt;div style="padding:3px;"&gt;
                                  &lt;span style="padding:10px 3px 10px 0px; display:inline-block;"&gt;
  
                                      &lt;img style="height: 25px;width: 25px;" src="assets/img/admin.png"&gt;
                                      Admin Home
                                  &lt;/span&gt;
                              &lt;/div&gt;
                          &lt;/a&gt;
                      &lt;/li&gt;
                      &lt;li style="height: 60px; position: relative;padding: .75rem 1.25rem;"&gt;
                      &lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/div&gt;
  &lt;/nav&gt;
     
   </code></pre>
  </div>
  </div>
  </p>
  
  <p>.<a href="https://i.stack.imgur.com/xDAbj.png" rel="nofollow noreferrer">Screenshot</a></p>