diff --git a/src/components/views/settings/IntegrationsManager.js b/src/components/views/settings/IntegrationsManager.js
index 0dffde4b29..8db010a2b0 100644
--- a/src/components/views/settings/IntegrationsManager.js
+++ b/src/components/views/settings/IntegrationsManager.js
@@ -48,8 +48,8 @@ module.exports = React.createClass({
 
     render: function() {
         return (
-            <div className="mx_IntegrationManager">
-                <iframe src={ this.props.src } width={640} height={600}></iframe>;
+            <div className="mx_IntegrationsManager">
+                <iframe src={ this.props.src }></iframe>
             </div>
         );
     }
diff --git a/src/skins/vector/css/matrix-react-sdk/views/settings/IntegrationsManager.css b/src/skins/vector/css/matrix-react-sdk/views/settings/IntegrationsManager.css
index 265231adcb..0fa40fe1ef 100644
--- a/src/skins/vector/css/matrix-react-sdk/views/settings/IntegrationsManager.css
+++ b/src/skins/vector/css/matrix-react-sdk/views/settings/IntegrationsManager.css
@@ -15,6 +15,19 @@ limitations under the License.
 */
 
 .mx_IntegrationsManager {
-    width: 640px;
-    height: 600px;
+    display: -webkit-flex;
+    display: flex;
+    width: 100%;
+    height: 100%;
+    -webkit-align-items: center;
+    align-items: center;
+    justify-content: center;
+    -webkit-justify-content: center;
+}
+
+.mx_IntegrationsManager iframe {
+    background-color: #fff;
+    border: 0px;
+    width: 720px;
+    height: 512px;
 }