diff --git a/src/shared/versions.js b/src/shared/versions.js
index 4b28d32..0a1cb7c 100644
--- a/src/shared/versions.js
+++ b/src/shared/versions.js
@@ -1,6 +1,6 @@
 export const HARBOR_VERSIONS = Object.freeze({
-  macClient: '0.7.16',
-  gatewayClient: '0.7.16',
+  macClient: '0.7.17',
+  gatewayClient: '0.7.17',
   gatewayBackend: '0.7.1',
 });
 
diff --git a/src/web/styles.css b/src/web/styles.css
index 48acc2d..b71f37c 100644
--- a/src/web/styles.css
+++ b/src/web/styles.css
@@ -2075,6 +2075,12 @@ p {
   transition: opacity 360ms ease, filter 480ms cubic-bezier(0.16, 1, 0.3, 1);
 }
 
+@media (min-width: 921px) {
+  .client-panel.has-subscription .client-form-content {
+    padding-top: 36px;
+  }
+}
+
 .client-confirmation-popup {
   position: fixed;
   inset: 0;
diff --git a/test/web/responsive-layout-contract.test.js b/test/web/responsive-layout-contract.test.js
index 1c973a6..d929ee8 100644
--- a/test/web/responsive-layout-contract.test.js
+++ b/test/web/responsive-layout-contract.test.js
@@ -23,6 +23,7 @@ test('desktop layout keeps the power control on a symmetric center axis', () =>
   assert.doesNotMatch(form, /\bleft\s*:|translateX|transition:[^;]*(?:left|width|transform)/);
   assert.match(styles, /\.client-panel\.has-subscription \.client-form \{[\s\S]*height:\s*min\(640px, calc\(100vh - 120px\)\)/);
   assert.match(rule('.client-form-content'), /align-content:\s*start/);
+  assert.match(styles, /@media \(min-width: 921px\)[\s\S]*\.client-panel\.has-subscription \.client-form-content \{[\s\S]*padding-top:\s*36px/);
 });
 
 test('tablet and mobile regions use normal flow with viewport-safe widths', () => {