diff --git a/app/partials/views/modules/colors-table.jade b/app/partials/views/modules/colors-table.jade
index cbd40fd4..76c2aa1e 100644
--- a/app/partials/views/modules/colors-table.jade
+++ b/app/partials/views/modules/colors-table.jade
@@ -1,9 +1,26 @@
 section.colors-table
     div.row.title
-        div.width-1 Color
+        div.width-1.color-column Color
         div.width-6 Name
-        div.is-closed.width-2 Is closed?
-        div.options.width-1
+        div.width-2.is-closed-column Is closed?
+        div.width-1.options-column
+
+    div.row.table-main
+        div.width-1.color-column
+            div.color
+            div.popover.select-color
+                ul
+                    - for (var z = 0; z < 21; z++)
+                        li.color
+                input(type="text", placeholder="personalized colors")
+                div.selected-color(style="background-color: red")
+
+        div.width-6
+            input(type="text")
+        div.width-2.is-closed-column
+            input(type="checkbox")
+        div.width-1.options-column
+
     - for (var x = 0; x < 50; x++)
         div.row.table-main
             div.width-1.color-column
@@ -16,8 +33,8 @@ section.colors-table
                     div.selected-color(style="background-color: red")
 
             div.width-6 Ready for test
-            div.is-closed.width-2
+            div.width-2.is-closed-column
                 div.icon.icon-plus
-            div.options.width-1
-                a.icon.icon-edit(href="#")
+            div.width-1.options-column
                 a.icon.icon-delete(href="#")
+                a.icon.icon-edit(href="#")
diff --git a/app/styles/modules/colors-table.scss b/app/styles/modules/colors-table.scss
index 7e8e6651..0821400a 100644
--- a/app/styles/modules/colors-table.scss
+++ b/app/styles/modules/colors-table.scss
@@ -52,15 +52,14 @@
         height: 35px;
         width: 35px;
     }
-    .is-closed {
-        text-align: center;
-    }
     .icon-delete,
     .icon-edit {
         @extend %large;
+        float: right;
         margin-right: .5rem;
     }
     .icon-delete {
+        margin-right: 1rem;
         &:hover {
             color: $red;
         }
@@ -97,4 +96,14 @@
             width: 40px;
         }
     }
+    .color-column {
+        max-width: 100px;
+    }
+    .is-closed-column {
+        max-width: 130px;
+        text-align: center;
+    }
+    .options-column {
+        max-width: 100px;
+    }
 }