diff --git a/IPython/html/static/notebook/less/outputarea.less b/IPython/html/static/notebook/less/outputarea.less
index 4b5738d..2cc1db0 100644
--- a/IPython/html/static/notebook/less/outputarea.less
+++ b/IPython/html/static/notebook/less/outputarea.less
@@ -131,6 +131,13 @@ div.output_png {
div.output_jpeg {
}
+// Prevent the image outputs from being wider than the page.
+div.output_png div.ui-wrapper,
+div.output_svg div.ui-wrapper,
+div.output_jpeg div.ui-wrapper {
+ max-width: 100%
+}
+
/* Empty output_javascript divs should have no height */
div.output_javascript:empty {
padding: 0;
diff --git a/IPython/html/static/style/ipython.min.css b/IPython/html/static/style/ipython.min.css
index 370e60e..9f437bd 100644
--- a/IPython/html/static/style/ipython.min.css
+++ b/IPython/html/static/style/ipython.min.css
@@ -897,6 +897,11 @@ div.output_stderr {
div.output_latex {
text-align: left;
}
+div.output_png div.ui-wrapper,
+div.output_svg div.ui-wrapper,
+div.output_jpeg div.ui-wrapper {
+ max-width: 100%;
+}
/* Empty output_javascript divs should have no height */
div.output_javascript:empty {
padding: 0;
diff --git a/IPython/html/static/style/style.min.css b/IPython/html/static/style/style.min.css
index 4628464..34ae335 100644
--- a/IPython/html/static/style/style.min.css
+++ b/IPython/html/static/style/style.min.css
@@ -9673,6 +9673,11 @@ div.output_stderr {
div.output_latex {
text-align: left;
}
+div.output_png div.ui-wrapper,
+div.output_svg div.ui-wrapper,
+div.output_jpeg div.ui-wrapper {
+ max-width: 100%;
+}
/* Empty output_javascript divs should have no height */
div.output_javascript:empty {
padding: 0;