Styling in error message on mobile

imports/ui/components/ErrorBoundary/ErrorBoundary.js

@@ -35,9 +35,9 @@ class ErrorBoundary extends Component {
             <Col xs={12} sm={6} md={5} lg={4}>
               <h1 className="page-header">{this.t('AppNameFull')}</h1>
               <h4 className="page-header">{this.t('general-error-title')}</h4>
-              <Row>
+              <p>
                 {this.t('general-error-description')}
-              </Row>
+              </p>
             </Col>
           </Row>
         </div>

imports/ui/components/ErrorBoundary/ErrorBoundary.scss

@@ -2,9 +2,9 @@
   background-image: url('/error-background.png');
   height: 100%;
   min-height: 55vh;
-  margin-top: 40px;
+  margin: 40px 10px 10px 10px;
 }
 
 .error-boundary > div > div > h4 {
-  line-height: 1.5em;
+  line-height: 1.3em;
 }