diff --git a/plugins/code-server/app/components/LauncherView.stories.ts b/plugins/code-server/app/components/LauncherView.stories.ts
index 13ee9d8f..5cedf35b 100644
--- a/plugins/code-server/app/components/LauncherView.stories.ts
+++ b/plugins/code-server/app/components/LauncherView.stories.ts
@@ -46,6 +46,16 @@ export const NotInstalled: Story = {
   },
 }
 
+/** Short dock panel with install instructions available through scrolling. */
+export const NotInstalledShortPanel: Story = {
+  args: NotInstalled.args,
+  render: args => ({
+    components: { LauncherView },
+    setup: () => ({ args }),
+    template: '<div class="relative h-64 overflow-hidden"><LauncherView v-bind="args" /></div>',
+  }),
+}
+
 /** Installed and idle, showing the launch screen (code-server backend). */
 export const Launch: Story = {
   args: {
diff --git a/plugins/code-server/app/components/LauncherView.vue b/plugins/code-server/app/components/LauncherView.vue
index 20a96790..2baccc5d 100644
--- a/plugins/code-server/app/components/LauncherView.vue
+++ b/plugins/code-server/app/components/LauncherView.vue
@@ -46,8 +46,8 @@ const errorText = computed(() => (props.server.status === 'error' ? props.server
 </script>
 
 <template>
-  <div class="absolute inset-0 flex items-center justify-center p-6 bg-base color-base font-sans">
-    <div class="w-full max-w-[560px]">
+  <div class="absolute inset-0 flex of-y-auto p-6 box-border bg-base color-base font-sans">
+    <div class="m-auto w-full max-w-[560px]">
       <!-- Brand eyebrow -->
       <p class="flex items-center gap-1.5 mb-2.5 text-xs tracking-wider uppercase color-muted">
         <span class="i-ph-code-duotone text-sm" />