diff --git a/src/shared/versions.js b/src/shared/versions.js
index 0af5670..3161c0c 100644
--- a/src/shared/versions.js
+++ b/src/shared/versions.js
@@ -1,6 +1,6 @@
 export const HARBOR_VERSIONS = Object.freeze({
-  macClient: '0.7.18',
-  gatewayClient: '0.7.18',
+  macClient: '0.7.19',
+  gatewayClient: '0.7.19',
   gatewayBackend: '0.7.1',
 });
 
diff --git a/src/web/styles.css b/src/web/styles.css
index ee77910..3d95535 100644
--- a/src/web/styles.css
+++ b/src/web/styles.css
@@ -2079,6 +2079,7 @@ p {
   .client-panel.has-subscription {
     --client-work-height: min(640px, calc(100vh - 120px));
     --client-power-top: calc((var(--client-work-height) - 96px) / 2);
+    transform: translateY(-9vh);
   }
 
   .client-panel.has-subscription .client-power-section {
diff --git a/test/web/responsive-layout-contract.test.js b/test/web/responsive-layout-contract.test.js
index 4b0e177..b77af88 100644
--- a/test/web/responsive-layout-contract.test.js
+++ b/test/web/responsive-layout-contract.test.js
@@ -24,6 +24,7 @@ test('desktop layout keeps the power control on a symmetric center axis', () =>
   assert.match(styles, /\.client-panel\.has-subscription \.client-form \{[\s\S]*height:\s*var\(--client-work-height\)/);
   assert.match(rule('.client-form-content'), /align-content:\s*start/);
   assert.match(styles, /--client-power-top:\s*calc\(\(var\(--client-work-height\) - 96px\) \/ 2\)/);
+  assert.match(styles, /\.client-panel\.has-subscription \{[\s\S]*transform:\s*translateY\(-9vh\)/);
   assert.match(styles, /\.client-panel\.has-subscription \.client-power-section \{[\s\S]*height:\s*var\(--client-work-height\);[\s\S]*padding-top:\s*var\(--client-power-top\)/);
   assert.match(styles, /\.client-panel\.has-subscription \.client-form-content \{[\s\S]*padding-top:\s*var\(--client-power-top\)/);
 });