update-

package.json

 {
 	"name": "boxdialer",
-	"version": "3.9.8",
+	"version": "3.9.9",
 	"description": "",
 	"main": "src/boxDialer.js",
 	"scripts": {

src/components/InnerCaller/index.jsx

@@ -46,12 +46,13 @@ const InnerCaller = ({ hidden, type, from }) => {
 		<Block hidden={hidden}>
 			<div className='top'>
 				<p className='call_text nocopy'>
-					{type == 'connectingIncoming' && (
-						<>
-							{translator.translate('CALL_FROM')}{' '}
-							<span className='phone_text'>{from}</span>
-						</>
-					)}
+					{type == 'connectingIncoming' ||
+						(type == 'connected' && (
+							<>
+								{translator.translate('CALL_FROM')}{' '}
+								<span className='phone_text'>{from}</span>
+							</>
+						))}
 					{type == 'connectingOutgoing' && (
 						<>
 							{translator.translate('CALL_TO')}{' '}
@@ -61,28 +62,6 @@ const InnerCaller = ({ hidden, type, from }) => {
 				</p>
 			</div>
 			<div className='bottom'>
-				{/* {type == 'connected' || type == 'connecting' ? (
-					<>
-						<button
-							className='button red nocopy'
-							onClick={() => boxDialer.hangupButtonClick()}>
-							{translator.translate('REJECT')}
-						</button>
-					</>
-				) : (
-					<>
-						<button
-							className='button light_blue nocopy'
-							onClick={() => boxDialer.answerButtonClick()}>
-							{translator.translate('ANSWER')}
-						</button>
-						<button
-							className='button red nocopy'
-							onClick={() => boxDialer.hangupButtonClick()}>
-							{translator.translate('REJECT')}
-						</button>
-					</>
-				)} */}
 				{selectModalType(type)}
 			</div>
 		</Block>

src/components/InnerCaller/style.js

@@ -47,13 +47,14 @@ const Block = styled.div`
 		gap: 15px;
 	}
 	.call_text {
+		color: #fff;
 		padding: 0;
 		margin: 0;
 		font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 	}
 	.phone_text {
 		font-weight: bold;
-		color: green:
+		color: green;
 	}
 	.button {
 		max-width: 100px;