diff --git a/console/src/components/Common/Common.scss b/console/src/components/Common/Common.scss
index 68415b061c830..d7bcf548fce61 100644
--- a/console/src/components/Common/Common.scss
+++ b/console/src/components/Common/Common.scss
@@ -123,6 +123,8 @@ table thead tr th
 .fontAwosomeClose
 {
   margin-left: 10px;
+  width: 15px;
+  min-width: 15px;
 }
 .display_flex
 {
diff --git a/console/src/components/Services/Data/Add/AddTable.js b/console/src/components/Services/Data/Add/AddTable.js
index 2b9b24f0d90e3..2e2b02a480c1a 100644
--- a/console/src/components/Services/Data/Add/AddTable.js
+++ b/console/src/components/Services/Data/Add/AddTable.js
@@ -37,20 +37,20 @@ import { primaryKeyAlreadyPresentMsg, fieldRepeatedMsg } from './AddWarning';
 
 import {
   listDulplicate,
-  convertListToDictUsingKV,
+  // convertListToDictUsingKV,
 } from '../../../../utils/data';
 
 import gqlPattern, {
   gqlTableErrorNotif,
   gqlColumnErrorNotif,
 } from '../Common/GraphQLValidation';
-
+/*
 const typeDescriptionDict = convertListToDictUsingKV(
   'value',
   'description',
   dataTypes
 );
-
+*/
 class AddTable extends Component {
   constructor(props) {
     super(props);
@@ -242,7 +242,7 @@ class AddTable extends Component {
     const cols = columns.map((column, i) => {
       let removeIcon;
       if (i + 1 === columns.length) {
-        removeIcon = null;
+        removeIcon = <i className={`${styles.fontAwosomeClose}`} />;
       } else {
         removeIcon = (
           <i
@@ -308,7 +308,7 @@ class AddTable extends Component {
               </option>
             ))}
           </select>
-          {removeIcon}
+          {/*
           {typeDescriptionDict && typeDescriptionDict[column.type] ? (
             <span>
               &nbsp; &nbsp;
@@ -323,6 +323,7 @@ class AddTable extends Component {
               &nbsp; &nbsp;
             </span>
           ) : null}
+          */}
           <input
             className={`${styles.inputCheckbox} form-control `}
             checked={columns[i].nullable}
@@ -364,6 +365,7 @@ class AddTable extends Component {
             data-test={`col-default-${i}`}
           />{' '}
           <label>Default</label>
+          {removeIcon}
         </div>
       );
     });
diff --git a/console/src/components/Services/Data/TableModify/Modify.scss b/console/src/components/Services/Data/TableModify/Modify.scss
index 586c6b07cf2a8..3c14a2dd42f2d 100644
--- a/console/src/components/Services/Data/TableModify/Modify.scss
+++ b/console/src/components/Services/Data/TableModify/Modify.scss
@@ -45,7 +45,10 @@
 .select {
   margin-right: 10px;
 }
-
+.modifyMinWidth
+{
+  min-width: 735px;
+}
 .leftIndent {
   padding-left: 0;
   margin-left: 0 !important;
diff --git a/console/src/components/Services/Data/TableModify/ModifyTable.js b/console/src/components/Services/Data/TableModify/ModifyTable.js
index 632f43c526cad..23f1e1c2ef34a 100644
--- a/console/src/components/Services/Data/TableModify/ModifyTable.js
+++ b/console/src/components/Services/Data/TableModify/ModifyTable.js
@@ -633,7 +633,13 @@ class ModifyTable extends Component {
         />
         <br />
         <div className={`container-fluid ${styles.padd_left_remove}`}>
-          <div className={`col-xs-9 ${styles.padd_left_remove}`}>
+          <div
+            className={
+              `col-xs-9 ${styles.padd_left_remove}` +
+              ' ' +
+              styles.modifyMinWidth
+            }
+          >
             {commentHtml}
             <h4 className={styles.subheading_text}>Columns</h4>
             {columnEditors}