started fixing the syling of the new table component

app/assets/stylesheets/content/_table.lsg

@@ -6,13 +6,20 @@
 ```
 <div class="table-component--wrapper">
 <table role="grid" class="table-component">
+  <colgroup>
+    <col>
+    <col>
+    <col>
+    <col>
+    <col>
+  </colgroup>
   <thead>
     <tr>
       <th>First</th>
       <th>Second</th>
-      <th >Third</th>
+      <th>Third</th>
       <th>Forth</th>
-      <th >Fifth</th>
+      <th>Fifth</th>
     </tr>
     </thead>
     <tbody>

app/assets/stylesheets/content/_table.sass

@@ -61,8 +61,14 @@ $tc-row-hover-line-background-color: #e4f7fb
     th
       text-transform: $tc-header-text-transformation
       padding: $tc-header-cell-padding
+      text-align: left
       &:hover
         background-color: $tc-header-cell-hover-background-color
     td
       font-size: $tc-cells-font-size
       padding: $tc-cell-padding
+
+  col
+    &:hover,
+    &.hover
+      background:   #f8f8f8