diff --git a/view/theme/quattro/quattro.less b/view/theme/quattro/quattro.less
index 23b1d84746..db31fc25ea 100644
--- a/view/theme/quattro/quattro.less
+++ b/view/theme/quattro/quattro.less
@@ -522,6 +522,7 @@ section {
 	float: left;
 	width: 90px;
 	height: 90px;
+        margin-bottom: 15px;
 	.contact-photo { 
 		width: 80px; height: 80px;
 		img { width: 80px; height: 80px; }
@@ -886,6 +887,22 @@ ul.tabs {
 	margin: 0px 10px 10px 0px;
 }
 
+/* profile match wrapper */
+.profile-match-wrapper {
+	float: left;
+	width: 90px;
+	height: 90px;
+        margin-bottom: 20px;
+	.contact-photo { 
+		width: 80px; height: 80px;
+		img { width: 80px; height: 80px; }
+	}
+	.contact-photo-menu-button {
+		left: 0px;
+		top: 63px;
+	}	
+}
+
 
 /* page footer */
 footer { height: 100px; display: table-row; }
diff --git a/view/theme/quattro/style.css b/view/theme/quattro/style.css
index f5c8c4690e..dbfc8cddae 100644
--- a/view/theme/quattro/style.css
+++ b/view/theme/quattro/style.css
@@ -868,6 +868,7 @@ section {
   float: left;
   width: 90px;
   height: 90px;
+  margin-bottom: 15px;
 }
 .contact-wrapper .contact-photo {
   width: 80px;
@@ -1240,6 +1241,25 @@ ul.tabs li .active {
   float: left;
   margin: 0px 10px 10px 0px;
 }
+/* profile match wrapper */
+.profile-match-wrapper {
+  float: left;
+  width: 90px;
+  height: 90px;
+  margin-bottom: 20px;
+}
+.profile-match-wrapper .contact-photo {
+  width: 80px;
+  height: 80px;
+}
+.profile-match-wrapper .contact-photo img {
+  width: 80px;
+  height: 80px;
+}
+.profile-match-wrapper .contact-photo-menu-button {
+  left: 0px;
+  top: 63px;
+}
 /* page footer */
 footer {
   height: 100px;