diff --git a/ui_framework/dist/ui_framework.css b/ui_framework/dist/ui_framework.css
index dad77d110a2f5..76891ce3fa358 100644
--- a/ui_framework/dist/ui_framework.css
+++ b/ui_framework/dist/ui_framework.css
@@ -542,6 +542,9 @@ body {
 .kuiIcon--inactive {
   color: #c3c3c3; }
 
+.kuiIcon--basic {
+  color: #565656; }
+
 .kuiInfoPanel {
   padding: 14px 20px 18px;
   line-height: 1.5;
@@ -1407,7 +1410,7 @@ body {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis; }
-  .kuiTableRowCell__liner * > {
+  .kuiTableRowCell__liner > * {
     vertical-align: middle;
     /* 1 */ }
 
@@ -1421,7 +1424,9 @@ body {
  * 2. Align checkbox with text in other cells.
  */
 .kuiTableHeaderCell--checkBox,
-.kuiTableRowCell--checkBox {
+.kuiTableRowCell--checkBox,
+.kuiTableHeaderCell--icon,
+.kuiTableRowCell--icon {
   width: 28px;
   /* 1 */
   padding-right: 0;
diff --git a/ui_framework/doc_site/src/views/icon/icon_example.jsx b/ui_framework/doc_site/src/views/icon/icon_example.jsx
index 7aee7f935504f..f9a01a62f126a 100644
--- a/ui_framework/doc_site/src/views/icon/icon_example.jsx
+++ b/ui_framework/doc_site/src/views/icon/icon_example.jsx
@@ -17,13 +17,6 @@ export default createExample([{
     <p>Use this Icon to denote useful information.</p>
   ),
   html: require('./icon_info.html'),
-}, {
-  title: 'Basic',
-  description: (
-    <p>Use this Icon when you don't want to communicate any particular meaning with the icon's color.</p>
-  ),
-  html: require('./icon_basic.html'),
-  hasDarkTheme: false,
 }, {
   title: 'Success',
   description: (