diff --git a/client/scss/main.scss b/client/scss/main.scss
index 1cd84fa..39700da 100644
--- a/client/scss/main.scss
+++ b/client/scss/main.scss
@@ -84,7 +84,7 @@ $game-height: 800px;
   bottom: 0;
   left: 0;
   width: 100%;
-  background: rgba(6, 13, 22, .7);
+  background: rgba(6, 13, 22, .8);
   height: 110px;
   z-index: 20;
 
@@ -291,6 +291,22 @@ $game-height: 800px;
   }*/
 }
 
+.field-discard {
+  background-color: rgba(0,0,0,.6);
+  float: left;
+  padding: 25px 15px;
+  width: auto;
+  cursor: pointer;
+  margin: 20px 0;
+}
+
+.discard-scull {
+  background: url(discard.png) no-repeat;
+  width: 35px;
+  height: 35px;
+  float: left;
+}
+
 .card-preview {
   div {
     position: fixed;
diff --git a/client/templates/battle.handlebars b/client/templates/battle.handlebars
index 085a39f..25cc2db 100644
--- a/client/templates/battle.handlebars
+++ b/client/templates/battle.handlebars
@@ -73,12 +73,12 @@
   </div>
   <div class="col-xs-12 right-side right-side-foe foe">
     <div class="col-xs-8 field-discard field-single">
-      discard deck
+      <i class="discard-scull"></i>
     </div>
   </div>
   <div class="col-xs-12 right-side right-side-player player">
     <div class="col-xs-8 field-discard field-single">
-      discard deck
+      <i class="discard-scull"></i>
     </div>
   </div>
 </div>
\ No newline at end of file