diff --git a/lib/index.js b/lib/index.js
index b89c388..5958f84 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -10,6 +10,8 @@ import CountryPicker, {
 import { PhoneNumberUtil } from "google-libphonenumber";
 import styles from "./styles";
 
+const dropDownWhite = 
+"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABpSURBVHgB7c7JDcAwDANBleL+m2IpivPN6UOiYYAE+N4x0zRN0+rcvdTDecPZXIXALU5E4DVOQOA3nohAczwBge54IALD8QAEpuMTCITFBxDx8Q5EXrwBkR//QPDiDwh+/IIopmnazjsA9h+ezKBcStUAAAAASUVORK5CYII=";
 const dropDown =
   "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAi0lEQVRYR+3WuQ6AIBRE0eHL1T83FBqU5S1szdiY2NyTKcCAzU/Y3AcBXIALcIF0gRPAsehgugDEXnYQrUC88RIgfpuJ+MRrgFmILN4CjEYU4xJgFKIa1wB6Ec24FuBFiHELwIpQxa0ALUId9wAkhCnuBdQQ5ngP4I9wxXsBDyJ9m+8y/g9wAS7ABW4giBshQZji3AAAAABJRU5ErkJggg==";
 const phoneUtil = PhoneNumberUtil.getInstance();
@@ -118,9 +120,10 @@ export default class PhoneInput extends PureComponent {
   }
 
   renderDropdownImage = () => {
+    const { withDarkTheme } = this.props
     return (
       <Image
-        source={{ uri: dropDown }}
+        source={{ uri: withDarkTheme ? dropDownWhite : dropDown }}
         resizeMode="contain"
         style={styles.dropDownImage}
       />
@@ -245,4 +248,4 @@ export const isValidNumber = (number, countryCode) => {
   } catch (err) {
     return false;
   }
-};
\ No newline at end of file
+};