diff --git a/bigbluebutton-html5/imports/ui/components/error-screen/component.jsx b/bigbluebutton-html5/imports/ui/components/error-screen/component.jsx
index 38800a00934dc04bd6f76db922e529f26bd2eed3..d9cd49a84afa00bc0e2f586c1be33561b6f73181 100644
--- a/bigbluebutton-html5/imports/ui/components/error-screen/component.jsx
+++ b/bigbluebutton-html5/imports/ui/components/error-screen/component.jsx
@@ -1,9 +1,9 @@
-import React, { Component } from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import { defineMessages, injectIntl } from 'react-intl';
 import Button from '/imports/ui/components/button/component';
 import { withRouter } from 'react-router';
-import styles from './styles.scss';
+import { styles } from './styles';
 
 const intlMessages = defineMessages({
   500: {
@@ -34,7 +34,7 @@ const defaultProps = {
   code: 500,
 };
 
-class ErrorScreen extends Component {
+class ErrorScreen extends React.PureComponent {
   render() {
     const {
       intl, code, children, router,
diff --git a/bigbluebutton-html5/imports/ui/components/meeting-ended/component.jsx b/bigbluebutton-html5/imports/ui/components/meeting-ended/component.jsx
index e95de6ce0ca62d1e00d3a8a135ee179dea2bdb72..09235a2cd5068409a143007a8c13ab1d66083130 100644
--- a/bigbluebutton-html5/imports/ui/components/meeting-ended/component.jsx
+++ b/bigbluebutton-html5/imports/ui/components/meeting-ended/component.jsx
@@ -2,7 +2,7 @@ import React from 'react';
 import { withRouter } from 'react-router';
 import { defineMessages, injectIntl } from 'react-intl';
 import Button from '/imports/ui/components/button/component';
-import styles from './styles.scss';
+import { styles } from './styles';
 
 const intlMessage = defineMessages({
   410: {