diff --git a/webui/src/stories/NarrowDecorator.svelte b/webui/src/stories/NarrowDecorator.svelte
new file mode 100644
index 0000000..bddfaef
--- /dev/null
+++ b/webui/src/stories/NarrowDecorator.svelte
@@ -0,0 +1,11 @@
+<div class="narrow">
+	<slot />
+</div>
+
+<style>
+	.narrow {
+		width: 256px;
+		border: 1px dashed red;
+		padding: 1em 0;
+	}
+</style>
diff --git a/webui/src/stories/UpObject.stories.ts b/webui/src/stories/UpObject.stories.ts
index c2bd3b6..504dab9 100644
--- a/webui/src/stories/UpObject.stories.ts
+++ b/webui/src/stories/UpObject.stories.ts
@@ -1,6 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/svelte';
 import UpObject from '../lib/components/display/UpObject.svelte';
 import { videoAddress } from './common';
+import NarrowDecorator from './NarrowDecorator.svelte';
 
 const address = videoAddress;
 
@@ -20,8 +21,7 @@ const meta: Meta<UpObject> = {
 		onResolved: {
 			action: 'resolved'
 		}
-		// eslint-disable-next-line @typescript-eslint/no-explicit-any
-	} as any
+	}
 };
 
 export default meta;
@@ -54,3 +54,10 @@ export const BannerWithLabels: Story = {
 		labels: ['Label 1', 'Label B', 'Label III']
 	}
 };
+
+export const Overflow: Story = {
+	args: {
+		labels: ['qwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnm'.repeat(3)]
+	},
+	decorators: [() => NarrowDecorator as any]
+};