Тег DIV / SPAN не отображается полностью в последней GRID

Question

Использование Kendo Grid на Angular8. У меня есть код для отображения DIV при наведении на другой DIV. Его шаблон, который повторяется в каждом ряду в сетке. Он работает и хорошо отображается на всех строках, кроме последней, где большая часть DIV скрывается внутри сетки.

пытался изменить параметры отображения и позиционирования стиля. Опробовал большинство всех комбинаций.

CODE

    <span *ngIf="showDownloadDropdown && dataItem.DOC_ID" class="dropdown">
                                <span>
                                    <i style="padding-right: 3px; color: lightslategray;cursor: pointer" class="fa fa-download"></i>
                                </span>
                                <span class="dropdown-content">
                                    <p *ngFor="let item of downloadDropdownItems" (click)="downloadDropdownHandler(dataItem,item.Code);" class="k-block k-button k-flat" style="background-color: #06446C; color: #06446C;">{{item.Description}}</p>
                                </span>
                            </span>

Первый DIV

.dropdown {
    position: relative;
    display: contents;
}

стиль DIV, который отображается как подменю

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 50px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 3px 3px;
    z-index: 1;
    cursor: pointer;
    border-style: solid;
    border-color: lightblue;