diff --git a/app/contacts/contact_view.php b/app/contacts/contact_view.php
index f14e6ca570..d3cc6779d0 100644
--- a/app/contacts/contact_view.php
+++ b/app/contacts/contact_view.php
@@ -189,7 +189,7 @@
 	echo "<style>";
 	echo "	#qr_code_container {";
 	echo "		z-index: 999999; ";
-	echo "		position: absolute; ";
+	echo "		position: fixed; ";
 	echo "		left: 0; ";
 	echo "		top: 0; ";
 	echo "		right: 0; ";
@@ -199,18 +199,24 @@
 	echo "	}";
 	echo "	#qr_code {";
 	echo "		display: block; ";
-	echo "		width: 650px; ";
-	echo "		height: 650px; ";
+	echo "		width: 100%; ";
+	echo "		max-width: 650px; ";
+	echo "		height: auto; ";
 	echo "		-webkit-box-shadow: 0px 1px 20px #888; ";
 	echo "		-moz-box-shadow: 0px 1px 20px #888; ";
 	echo "		box-shadow: 0px 1px 20px #888;";
 	echo "	}";
+	echo "	#qr_code > img {";
+	echo "		width: 100%; ";
+	echo "		max-width: 650px; ";
+	echo "		height: auto; ";
+	echo "	}";
 	echo "</style>";
 	echo "<script src='".PROJECT_PATH."/resources/jquery/jquery-qrcode.min.js'></script>";
 	echo "<script language='JavaScript' type='text/javascript'>";
 	echo "	$(document).ready(function() {";
 	echo "		$('#qr_code').qrcode({ ";
-	echo "			render: 'canvas', ";
+	echo "			render: 'image', ";
 	echo "			minVersion: 6, ";
 	echo "			maxVersion: 40, ";
 	echo "			ecLevel: 'H', ";