diff --git a/src/ncounter/App.svelte b/src/ncounter/App.svelte
index 4a4809e..8fc9de8 100644
--- a/src/ncounter/App.svelte
+++ b/src/ncounter/App.svelte
@@ -1,8 +1,8 @@
 <div class="app">
+<button class="add" on:click="{ showAdd }"><i class="material-icons">add</i></button>
 {#each $counters as counter}
 <Counter counterId={ counter.id }></Counter>
 {/each}
-<button class="add" on:click="{ showAdd }"><i class="material-icons">add</i></button>
 </div>
 {#if showAddDialog}
 <div class="dialog">
diff --git a/src/ncounter/History.svelte b/src/ncounter/History.svelte
index fbcc3d7..c299c26 100644
--- a/src/ncounter/History.svelte
+++ b/src/ncounter/History.svelte
@@ -129,15 +129,23 @@ function close(){
         margin-left: auto;
     }
 
+    .history {
+        width: 100%;
+    }
+
     .history th {
         font-weight: 600;
         position: sticky;
-        background-color: white;
+        background-color: #CDCDCD;
         top: 0;
+        text-align: left;
     }
 
-    .history th, .history td {
-        border: 1px solid black;
+    .history tr:nth-child(even){
+        background-color: #F0F0F0;
+    }
+
+    .history td, .history th {
         padding: 5px;
     }
 </style>
\ No newline at end of file