diff --git a/js/app.js b/js/app.js
index 013dd78d9..e00fddaf5 100644
--- a/js/app.js
+++ b/js/app.js
@@ -112,7 +112,7 @@ var App = React.createClass({
 
     this.setState({
       modal: 'error',
-      errorInfo: <ul>{errorInfoList}</ul>,
+      errorInfo: <ul className="modal__error-list">{errorInfoList}</ul>,
     });
   },
   getHeaderLinks: function()
@@ -204,7 +204,7 @@ var App = React.createClass({
               : null}
 
           </Modal>
-          <Modal isOpen={this.state.modal == 'error'}>
+          <Modal isOpen={this.state.modal == 'error'} className='error-modal'>
             <h3>Error</h3>
             <p>Sorry, but LBRY has encountered an error! Please <Link href="/?report" label="report a bug" /> and include the details below.</p>
             {this.state.errorInfo}
diff --git a/scss/_gui.scss b/scss/_gui.scss
index 8db305454..c838c6545 100644
--- a/scss/_gui.scss
+++ b/scss/_gui.scss
@@ -78,6 +78,11 @@ label {
   display: block;
 }
 
+code {
+  font: 0.8em Consolas, 'Lucida Console', 'Source Sans', monospace;
+  background-color: #eee;
+}
+
 p
 {
   margin-bottom: 0.8em;
@@ -229,6 +234,7 @@ input[type="text"], input[type="search"]
   }
 }
 
+
 .modal-overlay {
   position: fixed;
   display: flex;
@@ -268,3 +274,15 @@ input[type="text"], input[type="search"]
 .modal__button {
   margin: 0px 6px;
 }
+
+
+.modal__error-list {
+  border: 1px solid #eee;
+  padding: 8px;
+  list-style: none;
+}
+
+.error-modal {
+  max-width: none;
+  width: 400px;
+}