diff --git a/src/client/components/dialog.vue b/src/client/components/dialog.vue
index 201a317ecf..83a5b388bc 100644
--- a/src/client/components/dialog.vue
+++ b/src/client/components/dialog.vue
@@ -209,14 +209,11 @@ export default defineComponent({
 
 <style lang="scss" scoped>
 .mk-dialog {
-	display: block;
-	position: fixed;
-	margin: auto;
+	position: relative;
 	padding: 32px;
 	min-width: 320px;
 	max-width: 480px;
 	box-sizing: border-box;
-	width: calc(100% - 32px);
 	text-align: center;
 	background: var(--panel);
 	border-radius: var(--radius);
diff --git a/src/client/components/modal.vue b/src/client/components/modal.vue
index d78ca592c2..746bbe16f6 100644
--- a/src/client/components/modal.vue
+++ b/src/client/components/modal.vue
@@ -66,6 +66,7 @@ export default defineComponent({
 		bottom: 0;
 		left: 0;
 		right: 0;
+		margin: auto;
 		max-width: calc(100% - 16px);
 		max-height: calc(100% - 16px);
 		overflow: auto;
diff --git a/src/client/components/ui/input.vue b/src/client/components/ui/input.vue
index c104896925..cf81cdf2b6 100644
--- a/src/client/components/ui/input.vue
+++ b/src/client/components/ui/input.vue
@@ -145,7 +145,7 @@ export default defineComponent({
 		});
 
 		watch(v, newValue => {
-			if (type.value === 'number') {
+			if (type?.value === 'number') {
 				context.emit('update:value', parseFloat(newValue));
 			} else {
 				context.emit('update:value', newValue);