Fix connection window location

app/src/components/ConnectionSetup/ConnectionSetup.tsx

@@ -71,16 +71,17 @@ class ConnectionSetup extends React.Component<Props, {}> {
   }
 }
 
+const connectionHeight = '440px'
 const styles = (theme: Theme) => ({
   title: {
     color: theme.palette.text.primary,
     whiteSpace: 'nowrap' as 'nowrap',
   },
   root: {
-    margin: '13vw auto 0 auto',
+    margin: `calc((100vh - ${connectionHeight}) / 2) auto 0 auto`,
     minWidth: '800px',
     maxWidth: '850px',
-    height: '440px',
+    height: connectionHeight,
     outline: 'none' as 'none',
     display: 'flex' as 'flex',
   },

src/electron.ts

@@ -40,6 +40,7 @@ function createWindow() {
     height: runningUiTestOnCi ? 720 : 700,
     show: false,
     webPreferences: {
+      zoomFactor: runningUiTestOnCi ? 1.15 : undefined,
       nodeIntegration: true,
       devTools: true,
     },