diff --git a/client/scss/main.scss b/client/scss/main.scss
index 041a5be..6757467 100644
--- a/client/scss/main.scss
+++ b/client/scss/main.scss
@@ -295,7 +295,7 @@ $game-height: 800px;
   }*/
 }
 
-.field-discard {
+.field-discard, .field-deck {
   background: rgba(0,0,0,.6);
   float: left;
   padding: 25px 15px;
@@ -309,13 +309,20 @@ $game-height: 800px;
   }
 }
 
-.discard-scull {
-  background: url(discard.png) no-repeat;
+.discard-skull {
+  background: url("../../assets/discard.png") no-repeat;
   width: 35px;
   height: 35px;
   float: left;
 }
 
+.icon-deck {
+  background: url("../../assets/card_icon.png") no-repeat;
+  width: 28px;
+  height: 40px;
+  float: left;
+}
+
 .card-preview {
   div {
     position: fixed;
diff --git a/client/templates/battle.handlebars b/client/templates/battle.handlebars
index 25cc2db..91dfbc7 100644
--- a/client/templates/battle.handlebars
+++ b/client/templates/battle.handlebars
@@ -72,13 +72,19 @@
   <div class="col-xs-12 card-preview">
   </div>
   <div class="col-xs-12 right-side right-side-foe foe">
-    <div class="col-xs-8 field-discard field-single">
-      <i class="discard-scull"></i>
+    <div class="col-xs-4 field-discard field-single">
+      <i class="discard-skull"></i>
+    </div>
+    <div class="col-xs-4 field-deck field-single">
+      <i class="icon-deck"></i>
     </div>
   </div>
   <div class="col-xs-12 right-side right-side-player player">
-    <div class="col-xs-8 field-discard field-single">
-      <i class="discard-scull"></i>
+    <div class="col-xs-4 field-discard field-single">
+      <i class="discard-skull"></i>
+    </div>
+    <div class="col-xs-4 field-deck field-single">
+      <i class="icon-deck"></i>
     </div>
   </div>
 </div>
\ No newline at end of file