diff --git a/app/app.ejs b/app/app.ejs
index 9a0af3a..b7accfa 100644
--- a/app/app.ejs
+++ b/app/app.ejs
@@ -155,18 +155,18 @@ angular
       if (!ctrl.paused) return
       ctrl.paused = false
       ctrl.socket.emit('select stream', ctrl.activeStream)
-      $streamLines.on('mousewheel', ctrl.pause)
+      $streamLines.on('wheel', ctrl.pause)
     }
 
     ctrl.pause = function pause() {
       if (ctrl.paused) return
       ctrl.paused = true
       ctrl.socket.emit('select stream')
-      $streamLines.off('mousewheel', ctrl.pause)
+      $streamLines.off('wheel', ctrl.pause)
       $scope.$apply()
     }
 
-    $streamLines.on('mousewheel', ctrl.pause)
+    $streamLines.on('wheel', ctrl.pause)
 
     /*!
      * settings and preferences
diff --git a/app/scss/main.scss b/app/scss/main.scss
index 63d35eb..f2c6f89 100644
--- a/app/scss/main.scss
+++ b/app/scss/main.scss
@@ -53,7 +53,7 @@ body {
   flex-direction: column;
   font-family: $font-family;
   font-size: 16px;
-  min-height: 100vh;
+  height: 100vh;
 
   &.resizing {
     user-select: none;
@@ -94,6 +94,7 @@ header {
   display: flex;
   flex: 1;
   flex-direction: row;
+  min-height: 0;
 }
 
 .sidebar {
@@ -181,6 +182,7 @@ header {
   display: flex;
   flex: 1;
   flex-direction: column;
+  min-width: 0;
 
   .stream-header {
     align-items: center;
@@ -225,7 +227,7 @@ header {
     flex: 1;
     font-size: 12px;
     height: 0;
-    overflow-y: auto;
+    overflow: auto;
     padding: 2px 0;
 
     .stream-line {