update-

src/components/DropDown/index.jsx

@@ -14,8 +14,9 @@ const DropDown = ({ reasons, reason, selectFunc }) => {
 				{/* <Text id={reason.toUpperCase()} /> */}
 				<span>{translator.translate('STATUS')}: </span>
 				<span className='status'>
-					{translator.translate(reason.toUpperCase())}
+					<span>{translator.translate(reason.toUpperCase())}</span>
 				</span>
+				<span className='sfdsdfsd'></span>
 			</DropDownStyle.Text>
 			<DropDownStyle.DropDown visiblevalue={visible} className={'nocopy'}>
 				{reasons.map((value, index) => (

src/components/DropDown/style.js

@@ -13,13 +13,19 @@ const DropDownStyle = styled.div`
 `;
 DropDownStyle.Text = styled.div`
 	font-size: 14px;
+	display: grid;
+	grid-template-columns: 0.5fr 1fr;
+	.status {
+		color: orange;
 		text-overflow: ellipsis;
 		white-space: nowrap;
 		overflow: hidden;
-	cursor: pointer;
-	.status {
-		color: orange;
-		border-bottom: 1px dashed orange;
+	}
+	.sfdsdfsd {
+		width: 100%;
+		height: 1px;
+		border-top: 1px dashed orange;
+		grid-column: 2/3;
 	}
 `;
 DropDownStyle.Window = styled.div`