diff --git a/packages/client/src/components/MkDialog.vue b/packages/client/src/components/MkDialog.vue
index d6c671f8d5..bc12d7cb1f 100644
--- a/packages/client/src/components/MkDialog.vue
+++ b/packages/client/src/components/MkDialog.vue
@@ -62,6 +62,7 @@
 				:type="input.type || 'text'"
 				:placeholder="input.placeholder || undefined"
 				@keydown="onInputKeydown"
+				:style="{ width: input.type === 'search' ? '300px' : null }"
 			>
 				<template v-if="input.type === 'password'" #prefix
 					><i class="ph-password ph-bold ph-lg"></i
@@ -439,10 +440,6 @@ onBeforeUnmount(() => {
 	margin: 16px 0 0 0;
 }
 
-:deep(input[type="search"]) {
-	width: 300px;
-}
-
 .buttons {
 	margin-top: 16px;
 	display: flex;
diff --git a/packages/client/src/components/form/input.vue b/packages/client/src/components/form/input.vue
index 362a9ec712..d5f587f473 100644
--- a/packages/client/src/components/form/input.vue
+++ b/packages/client/src/components/form/input.vue
@@ -24,6 +24,7 @@
 					@blur="focused = false"
 					@keydown="onKeydown($event)"
 					@input="onInput"
+					v-bind="$attrs"
 				/>
 				<datalist v-if="datalist" :id="id">
 					<option v-for="data in datalist" :value="data" />