diff --git a/src/renderer/components/dock/terminal-window.scss b/src/renderer/components/dock/terminal-window.scss
index c243c6c71a..e28eea9dfc 100644
--- a/src/renderer/components/dock/terminal-window.scss
+++ b/src/renderer/components/dock/terminal-window.scss
@@ -22,11 +22,8 @@
 @import "~xterm";
 
 .TerminalWindow {
-  margin: $padding;
-  margin-left: $padding * 2;
-  margin-top: $padding * 2;
-
-  > .xterm {
-    overflow: hidden;
-  }
+  flex: 1;
+  height: 100%;
+  overflow: hidden;
+  margin: 10px;
 }
\ No newline at end of file
diff --git a/src/renderer/components/dock/terminal-window.tsx b/src/renderer/components/dock/terminal-window.tsx
index 8261086509..508b0d72c7 100644
--- a/src/renderer/components/dock/terminal-window.tsx
+++ b/src/renderer/components/dock/terminal-window.tsx
@@ -45,6 +45,9 @@ export class TerminalWindow extends React.Component<Props> {
         tabKind: TabKind.TERMINAL,
         fireImmediately: true,
       }),
+
+      // refresh terminal available space (cols/rows) when <Dock/> resized
+      dockStore.onResize(() => this.terminal?.fitLazy()),
     ]);
   }