From 934d34084ef11bc3737d6ef55c1ab06219c8d529 Mon Sep 17 00:00:00 2001
From: Noah Jacob <noahjacobkurian@gmail.com>
Date: Mon, 3 Jan 2022 15:07:03 +0530
Subject: [PATCH] fix(ui): increased width of popover

---
 frappe/public/scss/common/phone_picker.scss | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/frappe/public/scss/common/phone_picker.scss b/frappe/public/scss/common/phone_picker.scss
index a80d9aa83e..631090f145 100644
--- a/frappe/public/scss/common/phone_picker.scss
+++ b/frappe/public/scss/common/phone_picker.scss
@@ -1,7 +1,7 @@
 .phone-picker {
 	font-size: var(--text-xs);
 	color: var(--text-muted);
-	--phone-picker-width: 250px;
+	--phone-picker-width: 290px;
 	width: var(--phone-picker-width);
 	.phones {
 		margin-top: 10px;
@@ -22,7 +22,7 @@
 
 		.phone-wrapper {
 			display: flex;
-			width: 250px;
+			width: 290px;
 			height: 30px;
 			text-align: center;
 			align-items: center;
@@ -33,6 +33,7 @@
 				display: flex;
 				margin-left: 0.6rem;
 				flex-grow: 1;
+				width: 290px;
 			}
 		}
 	}
@@ -53,6 +54,7 @@
 	}
 }
 .phone-picker-popover {
+	max-width: 325px;
     left: -20px !important;
 	.picker-arrow {
 		left: 15px !important;