Large blank space under terminal causes cursor to lose focus

• I am on the latest Hyper.app version
• I have searched the issues of this repo and believe that this is not a duplicate
• OS version and name: Windows 10 x64
• Hyper.app version: 2.0.0 (stable)
• Relevant information from devtools: N/A
• The issue is reproducible in vanilla Hyper.app: Yes

Issue

TL;DR

There is an area under the terminal that causes the cursor to lose focus once clicked, this usually isnt the biggest issue, but when going from multi tabs -> single tab, the area grows many times in size.

Full description

Cursor carat is only active after clicking in the <div class="terminal xterm"> region of the window, if you manage to click in the <div class="term_fit term_term"> or <div class="term_fit term_active"> sections, the cursor carat loses focus (this doesn't happen when clicking the title bar, or tabs. It only seems to happen when clicking the mentioned areas).

This is usually okay since the term_active area is only a small border around the terminal, and the term_term section is usually pretty small (see pic):

However, once you have multiple tabs open, and then close all tabs but one, the terminal region is shrunk and the overlap of term_term is much bigger. This leads me to the frustrating experience of clicking the bottom of my window to activate it, but being unable to type (see pic):

Notice the bottom of the scroll bar on the right hand side of the picture, this is now the bottom of the terminal and we are left with a large deadzone that removes cursor focus (see gif):

Reproduce the transition from multiple tabs to a single tab, then trace the terminal layout and focus behavior around the

, term_fit term_term, and term_fit term_active regions. Done means clicking the blank area at the bottom retains cursor focus and allows typing, including after tabs are closed.