diff --git a/src/arenas/connectFour/js.js b/src/arenas/connectFour/js.js
index 02c4f02..2501c7b 100644
--- a/src/arenas/connectFour/js.js
+++ b/src/arenas/connectFour/js.js
@@ -22,7 +22,7 @@ function connectFour(bot1,bot2,xd_check){
   document.getElementById('fightResult').innerHTML = '';
   //create grid
   
-  var table=createElem('table',{'class':'tabledoc'});
+  var table=createElem('table',{'class':'battleGrid'});
   for (var i=0; i<6; i++){
     var tr=createElem('tr');
     for (var j=0;j<7; j++){
diff --git a/src/arenas/connectFour/style.css b/src/arenas/connectFour/style.css
index 6ef9606..ea33177 100644
--- a/src/arenas/connectFour/style.css
+++ b/src/arenas/connectFour/style.css
@@ -1,2 +1,7 @@
 .tabledoc{border-collapse:collapse;}
-.tabledoc tr td,.tabledoc tr th{border: 1px solid green; padding-left: 5px;}
\ No newline at end of file
+.tabledoc tr td,.tabledoc tr th{border: 1px solid green; padding-left: 5px;}
+
+.battleGrid{display:table-cell; padding-left:10px; border-collapse:collapse; margin: 20px 20px 20px 20px;}
+.nofloat{float: none;}
+.battleGrid tr{}
+.battleGrid tr td{border: 1px dashed green; text-align: center; font-weight: bold;}
\ No newline at end of file