diff --git a/src/ViewerCanvas.tsx b/src/ViewerCanvas.tsx
index 971c8803..1f2c64f4 100644
--- a/src/ViewerCanvas.tsx
+++ b/src/ViewerCanvas.tsx
@@ -163,7 +163,7 @@ translateX(${props.left !== null ? props.left + 'px' : 'aoto'}) translateY(${pro
       <div
         style={{
           display: 'flex',
-          height: `${window.innerHeight - 84}px`,
+          height: props.container ? `${props.container.offsetHeight - 84}px`: `${window.innerHeight - 84}px`,
           justifyContent: 'center',
           alignItems: 'center',
         }}
diff --git a/webpack.config.js b/webpack.config.js
index 67f5923c..f6a4b852 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -20,7 +20,7 @@ config.devServer.merge({
   contentBase: path.join(__dirname, 'dist'),
   compress: false,
   port: 8001,
-  host: '0.0.0.0',
+  host: '127.0.0.1',
 });
 config.module.rule('less')
   .use('css-loader')