diff --git a/src/components/SVGImage/index.js b/src/components/SVGImage/index.js
index aaddf8e853a0..05fcf35bf3b7 100644
--- a/src/components/SVGImage/index.js
+++ b/src/components/SVGImage/index.js
@@ -7,6 +7,7 @@ const SVGImage = props => (
     <Image
         style={StyleUtils.getWidthAndHeightStyle(props.width, props.height)}
         source={props.src}
+        resizeMode={props.resizeMode}
     />
 );
 
diff --git a/src/components/SVGImage/propTypes.js b/src/components/SVGImage/propTypes.js
index a98dab91eb64..2b2e04972ceb 100644
--- a/src/components/SVGImage/propTypes.js
+++ b/src/components/SVGImage/propTypes.js
@@ -9,6 +9,9 @@ const propTypes = {
 
     /** The height of the image. */
     height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
+
+    /** The resize mode of the image. */
+    resizeMode: PropTypes.oneOf('cover', 'contain', 'stretch', 'repeat', 'center'),
 };
 
 export default propTypes;
diff --git a/src/pages/signin/SignInPageLayout/SignInPageLayoutWide.js b/src/pages/signin/SignInPageLayout/SignInPageLayoutWide.js
index ee6287cec9d8..6692e762bcf2 100755
--- a/src/pages/signin/SignInPageLayout/SignInPageLayoutWide.js
+++ b/src/pages/signin/SignInPageLayout/SignInPageLayoutWide.js
@@ -73,6 +73,7 @@ const SignInPageLayoutWide = props => (
                     width="100%"
                     height="100%"
                     src={backgroundStyle.backgroundImageUri}
+                    resizeMode={props.isMediumScreenWidth ? 'contain' : 'cover'}
                 />
             </View>
         </View>