Jupyter Notebook Terminal - how to disalbe scroolbar via CSS?

I use the following CSS to hide the header and extend the xterm view to full width of the browser window. Yet, there is this scrollbar that I don’t know how to remove. Am I missing something simple?

.container {
    width: 100%;
}
.div#header{
    display: none
}
.terminado-container-container{
   overflow: hidden;
}
.terminado-container{
  overflow: hidden;
}
.body{
  font-family: ProFontWindows;
}
.terminado-container{
  /* other things I tried that didn't work: .xterm-viewport, .div#site */
  overflow: hidden; /* Hide scrollbars */
  overflow-y: hidden;
  overflow-x: hidden;
}