diff --git a/src/components/viewport-demo/viewport-demo.styles.ts b/src/components/viewport-demo/viewport-demo.styles.ts
index debb1d25c..d4cd01f19 100644
--- a/src/components/viewport-demo/viewport-demo.styles.ts
+++ b/src/components/viewport-demo/viewport-demo.styles.ts
@@ -14,7 +14,7 @@ export default css`
     display: contents;
   }
 
-  #viewport {
+  [part~='frame'] {
     --zoom: 1;
 
     display: flex;
@@ -78,6 +78,13 @@ export default css`
     font-size: var(--wa-font-size-xs);
     padding-block-end: 0.25em;
     padding-inline: 1em 0.2em;
+    white-space: nowrap;
+
+    /* Until we can implement info that is not lying, we don’t show it when it's lying */
+    .needs-internal-zoom & > * {
+      opacity: 0 !important;
+      pointer-events: none;
+    }
 
     .dimensions {
       word-spacing: -0.15em;
diff --git a/src/components/viewport-demo/viewport-demo.ts b/src/components/viewport-demo/viewport-demo.ts
index fce8817f6..2004edf39 100644
--- a/src/components/viewport-demo/viewport-demo.ts
+++ b/src/components/viewport-demo/viewport-demo.ts
@@ -1,4 +1,5 @@
 import '../icon-button/icon-button.js';
+import { classMap } from 'lit/directives/class-map.js';
 import { customElement, property, query, state } from 'lit/decorators.js';
 import { getComputedStyle } from '../../internal/computedStyle.js';
 import { html } from 'lit';
@@ -72,7 +73,7 @@ export const viewportPropertyConverter = {
 export default class WaViewportDemo extends WebAwesomeElement {
   static styles: CSSResultGroup = [componentStyles, styles];
 
-  @query('#viewport')
+  @query('[part~=frame]')
   private viewportElement: HTMLElement;
 
   /** Renders in an iframe */
@@ -318,7 +319,12 @@ export default class WaViewportDemo extends WebAwesomeElement {
     }
 
     return html`
-      <div id="viewport" part="frame" style=${styleMap(viewportStyle)}>
+      <div
+        id="viewport"
+        part="frame"
+        style=${styleMap(viewportStyle)}
+        class=${classMap({ 'needs-internal-zoom': this.needsInternalZoom! })}
+      >
         <span part="controls">
           ${dimensions}
           <span class="zoom">