1 files changed, 23 insertions, 17 deletions
diff --git a/components/dialogBox.tsx b/components/dialogBox.tsx
index 5ef5c3f..7abbded 100644
--- a/components/dialogBox.tsx
+++ b/components/dialogBox.tsx
@@ -1,4 +1,4 @@
-import { ReactNode, CSSProperties } from 'react';
+import { CSSProperties, ReactNode } from 'react';
 
 import { Vierkant } from './ui';
 
@@ -10,24 +10,30 @@ export function DialogBox(props: {
 	style?: CSSProperties;
 	onclick?: () => void;
 }) {
-	return <Vierkant style={{
-		position: "fixed",
-		top: "50%", left: "50%",
-		transform: "translate(-50%, -50%)",
-		boxShadow: "0 8px 32px -5px #0007",
-		width: 392,
-		...props.style
-	}}>
+	return <Vierkant
+		style={{
+			position: 'fixed',
+			top: '50%',
+			left: '50%',
+			transform: 'translate(-50%, -50%)',
+			boxShadow: '0 8px 32px -5px #0007',
+			width: 392,
+			...props.style,
+		}}
+	>
 		<h2 style={{ marginBottom: 24 }}>{props.title}</h2>
 		<span onClick={props.onclick}>
-		<CancelIcon style={{
-			position: "absolute",
-			top: 25, right: 25,
-			color: "var(--text)",
-			opacity: .85,
-			cursor: "pointer"
-		}}/>
+			<CancelIcon
+				style={{
+					position: 'absolute',
+					top: 25,
+					right: 25,
+					color: 'var(--text)',
+					opacity: .85,
+					cursor: 'pointer',
+				}}
+			/>
 		</span>
 		{props.children}
-	</Vierkant>
+	</Vierkant>;
 }