diff --git a/components/errorBound.vue b/components/errorBound.vue
index 3a793b1..cb73a8b 100644
--- a/components/errorBound.vue
+++ b/components/errorBound.vue
@@ -18,26 +18,28 @@ ${p.error.stack}
 `;
 </script>
 <template>
-	<a-typography-title> We ran into an issue.... :( <br /> </a-typography-title>
-	<a-typography-paragraph
-		style="font-size: 125%"
-		:copyable="{
-			text: copied,
-			tooltip: true,
-			onCopy: () => {
-				setTimeout(() => {
-					clearError({ redirect: '/' });
-					navigateTo('/');
-				}, 30000);
-			},
-		}"
-	>
-		<a-typography-text code>
-			{{ JSON.stringify(unError, null, "\t") }}
-		</a-typography-text>
-		<a-typography-title :level="4"> Stack trace: </a-typography-title>
-		<a-typography-text>
-			<a-typography-text v-html="error.stack"> </a-typography-text>
-		</a-typography-text>
-	</a-typography-paragraph>
+	<a-extract-style>
+		<a-typography-title> We ran into an issue.... :( <br /></a-typography-title>
+		<a-typography-paragraph
+			style="font-size: 125%"
+			:copyable="{
+				text: copied,
+				tooltip: true,
+				onCopy: () => {
+					setTimeout(() => {
+						clearError({ redirect: '/' });
+						navigateTo('/');
+					}, 30000);
+				},
+			}"
+		>
+			<a-typography-text code>
+				{{ JSON.stringify(unError, null, "\t") }}
+			</a-typography-text>
+			<a-typography-title :level="4"> Stack trace:</a-typography-title>
+			<a-typography-text>
+				<a-typography-text v-html="error.stack"></a-typography-text>
+			</a-typography-text>
+		</a-typography-paragraph>
+	</a-extract-style>
 </template>