diff --git a/assets/card_icon.png b/assets/card_icon.png
new file mode 100644
index 0000000..a18db90
Binary files /dev/null and b/assets/card_icon.png differ
diff --git a/assets/cards_icon.png b/assets/cards_icon.png
deleted file mode 100644
index 9245c7b..0000000
Binary files a/assets/cards_icon.png and /dev/null differ
diff --git a/client/scss/main.scss b/client/scss/main.scss
index e9d5f4b..0860108 100644
--- a/client/scss/main.scss
+++ b/client/scss/main.scss
@@ -122,6 +122,19 @@ $game-height: 800px;
   width: 100%;
   //border: 1px solid black;
   background: rgba(252, 219, 125, 0.51);
+  
+  div {
+    margin-bottom: 5px;
+  }
+
+  .icon-hand-card {
+    background: url("../../assets/card_icon.png") no-repeat;
+    height: 50px;
+    width: 50px;
+    display: block;
+    position: absolute;
+    margin-top: -8px;
+  }
 }
 
 .removeBackground {
diff --git a/client/templates/info.handlebars b/client/templates/info.handlebars
index a565756..ceefd22 100644
--- a/client/templates/info.handlebars
+++ b/client/templates/info.handlebars
@@ -2,16 +2,19 @@
 <div class="col-xs-12 col-lg-6 field-single field-leader">{{>card leader}}</div>
 <div class="col-xs-12 col-lg-6">
   <div class="row">
-    <div class="col-xs-6">Points:</div>
-    <div class="col-xs-6 score">{{data.score}}</div>
+    <div class="col-xs-4"></div>
+    <div class="col-xs-4">Points:</div>
+    <div class="col-xs-4 score">{{data.score}}</div>
   </div>
   <div class="row">
-    <div class="col-xs-6">Hand:</div>
-    <div class="col-xs-6 hand-card">{{data.hand}}</div>
+    <div class="col-xs-4"><i class="icon-hand-card"></i></div>
+    <div class="col-xs-4">Hand:</div>
+    <div class="col-xs-4 hand-card">{{data.hand}}</div>
   </div>
   <div class="row">
-    <div class="col-xs-6">Deck:</div>
-    <div class="col-xs-6 hand-card">{{data.deck}}</div>
+    <div class="col-xs-4"></div>
+    <div class="col-xs-4">Deck:</div>
+    <div class="col-xs-4 hand-card">{{data.deck}}</div>
   </div>
   <div class="row">
     <div class="col-xs-12 gwent-lives">