diff --git a/dashboard/src/components/PhoneInput.vue b/dashboard/src/components/PhoneInput.vue
index 730b0c28..118d5aa6 100644
--- a/dashboard/src/components/PhoneInput.vue
+++ b/dashboard/src/components/PhoneInput.vue
@@ -5,15 +5,14 @@
 			<span v-if="required" class="text-ink-red-8">*</span>
 		</label>
 		<div class="flex gap-1.5">
-			<div class="w-24 shrink-0">
-				<Combobox
-					:model-value="null"
-					@update:model-value="onDialCodeChange"
-					:options="dialCodeOptions"
-					variant="outline"
-					:placeholder="shortDisplay"
-				/>
-			</div>
+			<Combobox
+				class="w-26"
+				:model-value="null"
+				@update:model-value="onDialCodeChange"
+				:options="dialCodeOptions"
+				variant="outline"
+				:placeholder="shortDisplay"
+			/>
 			<TextInput
 				type="tel"
 				:model-value="localNumber"
diff --git a/dashboard/src/components/ProposalEditDialog.vue b/dashboard/src/components/ProposalEditDialog.vue
index 4829d38f..be5211ba 100644
--- a/dashboard/src/components/ProposalEditDialog.vue
+++ b/dashboard/src/components/ProposalEditDialog.vue
@@ -33,9 +33,8 @@
 				</Editor>
 			</div>
 
-			<FormControl
+			<PhoneInput
 				v-if="!eventTalkId"
-				type="tel"
 				:label="__('Phone (optional)')"
 				:placeholder="__('Enter phone number')"
 				v-model="editForm.phone"
@@ -60,6 +59,7 @@
 </template>
 
 <script setup lang="ts">
+import PhoneInput from "@/components/PhoneInput.vue";
 import type { FrappeError } from "@/types";
 import { Button, Dialog, FormControl, createResource, toast } from "frappe-ui";
 import {