Включить прокрутку на моем сиденав

Я пытаюсь включить прокрутку на моем sidenav таким же образом, как я обычно делаю, когда получаю переполнение в обычных div, но есть что-то о самом nav, который мешает мне сделать это, так что элементы на sidenav-list, доступ к которому невозможен.

вот код sidenav в html:

<div pageslide ps-open="ctrl.checked" class="blue-grey darken-1 white-text">
                <a ng-click="ctrl.toggle()" class="button">&#x2716;</a>
                <div style="padding:20px" id="demo-right">
                    <table class="bordered responsive-table">
                      <thead>
                        <tr>
                            <th data-field="id">Company</th>
                            <th data-field="name">Shares Owned</th>
                        </tr>
                      </thead>
                       <tbody>
                           <tr ng-repeat="stock in ctrl.myPortfolio.stocksInPortfolio">
                                  <td>{{stock.stock.name}}</td>
                                  <td>{{stock.qty}}</td>
                          </tr>
                      </tbody>
                  </table>
                  Portfolio: {{ctrl.total | currency}}
                </div>
            </div>

И вот что я пытался сделать в css:

#sentimentDataTwo {
   overflow: hidden;
   overflow-y: scroll;
}
#demo-right {
   overflow: hidden;
   overflow-y: scroll;
}

Я включил #sentimentData, который является рабочим мотивом css, создающим прокручиваемый div, но # demo-right - это то, где я пытаюсь применить его к моему sidenav. Также sidenav является всплывающим. Есть предположения?