CSS Issues on editing side

Upon installing the new version of Live CSS, I'm seeing several things that don't work or look right. Perhaps there is an easy interference with a common reset.css or bootstrap elements tied to most base themes. Either way, I tend to always find myself styling the Live CSS editor right when I install it; this is not an optimum solution.

Issue 1: The Live CSS tab:

The tab also will be hidden behind many other elements such as the Drupal MD Slider, so I fixed this with the following CSS:

#csstab {
    height: 80px;
    width: 20px;
    z-index: 999999;
}
#csstab .box {
    height: 50px;
    width: 70px;
}

Issue 2: The Editor Row Height:

It looks as though these classes have been inline styled to jam in a 10px height:
.ace_line, .ace_gutter-cell, .ace_cursor, .ace_marker-layer (and maybe more)

I tried fixing this with a 14px height !important (to override the inline styles), but two issues arose from that:
1) I could not click on the actual column the cursor was on.
2) I could not see (or scroll to) the last inch - or so - of the stylesheet.

Is there anything that can be done to address these minor issues? The second one is unresolved for me and greatly affecting my workflow when editing CSS with this editor.

Thank you

Matt