update-

package.json

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

src/components/InnerCaller/index.jsx

@@ -46,7 +46,18 @@ const InnerCaller = ({ hidden, type, from }) => {
 		<Block hidden={hidden}>
 			<div className='top'>
 				<p className='call_text nocopy'>
-					{translator.translate('CALL_FROM')} <span>{from}</span>
+					{type == 'connectingIncoming' && (
+						<>
+							{translator.translate('CALL_FROM')}{' '}
+							<span className='phone_text'>{from}</span>
+						</>
+					)}
+					{type == 'connectingOutgoing' && (
+						<>
+							{translator.translate('CALL_TO')}{' '}
+							<span className='phone_text'>{from}</span>
+						</>
+					)}
 				</p>
 			</div>
 			<div className='bottom'>

src/components/InnerCaller/style.js

@@ -51,6 +51,10 @@ const Block = styled.div`
 		margin: 0;
 		font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 	}
+	.phone_text {
+		font-weight: bold;
+		color: green:
+	}
 	.button {
 		max-width: 100px;
 		width: 100%;