diff --git a/nbgitpuller/static/index.js b/nbgitpuller/static/index.js
index b391f9fd..8057407a 100644
--- a/nbgitpuller/static/index.js
+++ b/nbgitpuller/static/index.js
@@ -1,13 +1,16 @@
 require([
     'jquery',
     'base/js/utils',
-    'components/xterm.js/dist/xterm'
+    'components/xterm.js/index',
+    'components/xterm.js-fit/index'
 ], function(
     $,
     utils,
-    Terminal
+    Terminal,
+    fit
 ) {
 
+    Terminal.applyAddon(fit);
 
     function GitSync(baseUrl, repo, branch, path) {
         // Class that talks to the API backend & emits events as appropriate
@@ -82,7 +85,7 @@ require([
             $(this.termSelector).parent().addClass('hidden');
         }
         this.visible = visible;
-        this._fitTerm();
+        this.term.fit();
     }
 
     GitSyncView.prototype.setProgressValue = function(val) {
@@ -110,45 +113,6 @@ require([
         }
     };
 
-    GitSyncView.prototype._fitTerm = function() {
-        // Vendored in from the xterm.js fit addon
-        // Because I can't for the life of me get the addon to be
-        // actually included here as an require.js thing.
-        // And life is too short.
-        var term = this.term;
-        if (!term.element.parentElement) {
-            return null;
-        }
-        var parentElementStyle = window.getComputedStyle(term.element.parentElement),
-            parentElementHeight = parseInt(parentElementStyle.getPropertyValue('height')),
-            parentElementWidth = Math.max(0, parseInt(parentElementStyle.getPropertyValue('width')) - 17),
-            elementStyle = window.getComputedStyle(term.element),
-            elementPaddingVer = parseInt(elementStyle.getPropertyValue('padding-top')) + parseInt(elementStyle.getPropertyValue('padding-bottom')),
-            elementPaddingHor = parseInt(elementStyle.getPropertyValue('padding-right')) + parseInt(elementStyle.getPropertyValue('padding-left')),
-            availableHeight = parentElementHeight - elementPaddingVer,
-            availableWidth = parentElementWidth - elementPaddingHor,
-            container = term.rowContainer,
-            subjectRow = term.rowContainer.firstElementChild,
-            contentBuffer = subjectRow.innerHTML,
-            characterHeight,
-            rows,
-            characterWidth,
-            cols,
-            geometry;
-
-        subjectRow.style.display = 'inline';
-        subjectRow.innerHTML = 'W'; // Common character for measuring width, although on monospace
-        characterWidth = subjectRow.getBoundingClientRect().width;
-        subjectRow.style.display = ''; // Revert style before calculating height, since they differ.
-        characterHeight = subjectRow.getBoundingClientRect().height;
-        subjectRow.innerHTML = contentBuffer;
-
-        rows = parseInt(availableHeight / characterHeight);
-        cols = parseInt(availableWidth / characterWidth);
-
-        term.resize(cols, rows);
-    };
-
     var gs = new GitSync(
         utils.get_body_data('baseUrl'),
         utils.get_body_data('repo'),
diff --git a/nbgitpuller/templates/status.html b/nbgitpuller/templates/status.html
index 9314b43e..45cc5c4a 100644
--- a/nbgitpuller/templates/status.html
+++ b/nbgitpuller/templates/status.html
@@ -40,7 +40,7 @@
 {{super()}}
 
 <link rel="stylesheet" href="{{ static_url("terminal/css/override.css") }}" type="text/css" />
-<link rel="stylesheet" href="{{ static_url("components/xterm.js/dist/xterm.css") }}" type="text/css" />
+<link rel="stylesheet" href="{{ static_url("components/xterm.js-css/index.css") }}" type="text/css" />
 <style>
 #status-details-container {
     padding: 16px;
diff --git a/setup.py b/setup.py
index e63056f3..cb0e082e 100644
--- a/setup.py
+++ b/setup.py
@@ -19,7 +19,7 @@
     packages=find_packages(),
     include_package_data=True,
     platforms='any',
-    install_requires=['notebook', 'tornado'],
+    install_requires=['notebook>=5.5.0', 'tornado'],
     entry_points={
         'console_scripts': [
             'gitpuller = nbgitpuller.pull:main',