diff --git a/IPython/html/static/style/ipython.less b/IPython/html/static/style/ipython.less
index 00cb2b8..d09fa90 100644
--- a/IPython/html/static/style/ipython.less
+++ b/IPython/html/static/style/ipython.less
@@ -2,6 +2,9 @@
@import "../components/bootstrap/less/variables.less";
@import "../components/bootstrap/less/mixins.less";
+// minimal imports from font-awesome
+@import "../components/font-awesome/less/variables.less";
+
// base
@import "../base/less/style.less";
diff --git a/IPython/html/static/widgets/less/widgets.less b/IPython/html/static/widgets/less/widgets.less
index 86b112a..7d60b48 100644
--- a/IPython/html/static/widgets/less/widgets.less
+++ b/IPython/html/static/widgets/less/widgets.less
@@ -28,15 +28,12 @@
}
&.connection-problems .prompt:after {
- content: '\f127';
+ content: @fa-var-chain-broken;
font-family: 'FontAwesome';
color: @brand-danger;
- padding: 4px;
- position: relative;
- border-radius: 2px;
- font-size: 14px;
- left: 0px;
+ font-size: @notebook_font_size;
top: 3px;
+ padding: 3px;
}
}