diff --git a/app/client/views/character/stats/statCard/statCard.css b/app/client/views/character/stats/statCard/statCard.css
index 04a9250e..77cbb57b 100644
--- a/app/client/views/character/stats/statCard/statCard.css
+++ b/app/client/views/character/stats/statCard/statCard.css
@@ -14,3 +14,17 @@
 	min-width: 72px;
 	padding: 16px;
 }
+
+.stat-card .advantage{
+	background-image: url(/png/advantage/greenUp.png);
+	background-size: contain;
+	background-repeat: no-repeat;
+	background-position: center;
+}
+
+.stat-card .disadvantage{
+	background-image: url(/png/advantage/redDown.png);
+	background-size: contain;
+	background-repeat: no-repeat;
+	background-position: center;
+}
diff --git a/app/client/views/character/stats/statCard/statCard.html b/app/client/views/character/stats/statCard/statCard.html
index 5ff0a1cf..b68e0188 100644
--- a/app/client/views/character/stats/statCard/statCard.html
+++ b/app/client/views/character/stats/statCard/statCard.html
@@ -3,7 +3,9 @@
 		<paper-material class="stat-card layout horizontal {{#if bounce}}bounce{{/if}}">
 			<div class="numbers paper-font-display1">
 					{{#if isSkill}}
-						{{prefix}}{{skillMod}}
+						<div class="{{advantage}}">
+							{{prefix}}{{skillMod}}
+						</div>
 					{{else}}
 						{{prefix}}{{characterCalculate "attributeValue" ../_id stat}}
 					{{/if}}
diff --git a/app/client/views/character/stats/statCard/statCard.js b/app/client/views/character/stats/statCard/statCard.js
index 32a89cad..017145fd 100644
--- a/app/client/views/character/stats/statCard/statCard.js
+++ b/app/client/views/character/stats/statCard/statCard.js
@@ -6,4 +6,10 @@ Template.statCard.helpers({
 			)
 		);
 	},
+	advantage: function(){
+		var charId = Template.parentData()._id;
+		var advantage = Characters.calculate.advantage(charId, this.stat);
+		if (advantage > 0) return "advantage";
+		if (advantage < 0) return "disadvantage";
+	},
 });