diff --git a/editors/demo/src/Editoria/Editoria.js b/editors/demo/src/Editoria/Editoria.js
index 8bd8ed095d3b9a3f078533df7c3d329f18359a0d..3a72be1e77c3730d05315f894139f42e27619975 100644
--- a/editors/demo/src/Editoria/Editoria.js
+++ b/editors/demo/src/Editoria/Editoria.js
@@ -40,19 +40,6 @@ const Editoria = () => {
   }
   const editorRef = useRef();
 
-  const text = `<table>
-  <caption>Monthly savings</caption>
-  <tr>
-    <th>Month</th>
-    <th>Savings</th>
-  </tr>
-  <tr>
-    <td>January</td>
-    <td>$100</td>
-  </tr>
-</table>
-          `;
-
   const EditoriaComponent = useMemo(
     () => (
       <>
@@ -63,7 +50,7 @@ const Editoria = () => {
           autoFocus
           placeholder="Type Something..."
           fileUpload={file => renderImage(file)}
-          value={text}
+          value={demo}
           // readonly
           layout={layout}
           // onChange={debounce(source => {
diff --git a/wax-prosemirror-services/src/TablesService/components/TableDropDown.js b/wax-prosemirror-services/src/TablesService/components/TableDropDown.js
index f5112b45f25aa1480ddb6e9327a692eafef06640..1d9b573a9bc17ed7fe9e467e1005cf3d6743db72 100644
--- a/wax-prosemirror-services/src/TablesService/components/TableDropDown.js
+++ b/wax-prosemirror-services/src/TablesService/components/TableDropDown.js
@@ -41,7 +41,7 @@ const DropDownMenu = styled.div`
   margin: 10px auto auto;
   position: absolute;
   width: 170px;
-  max-height: 150px;
+  max-height: 180px;
   overflow-y: scroll;
   z-index: 2;
 
@@ -64,20 +64,20 @@ const StyledIcon = styled(Icon)`
 
 const TableDropDown = ({ item }) => {
   const dropDownOptions = [
+    { label: 'Delete table', value: 'deleteTable' },
+    { label: 'Add Caption', value: 'addCaption' },
+    { label: 'Delete Caption', value: 'deleteCaption' },
     { label: 'Add column before', value: 'addColumnBefore' },
     { label: 'Add column after', value: 'addColumnAfter' },
     { label: 'Delete column', value: 'deleteColumn' },
     { label: 'Insert row before', value: 'addRowBefore' },
     { label: 'Insert row after', value: 'addRowAfter' },
     { label: 'Delete row', value: 'deleteRow' },
-    { label: 'Delete table', value: 'deleteTable' },
     { label: 'Merge cells', value: 'mergeCells' },
     { label: 'Split cell', value: 'splitCell' },
     { label: 'Toggle header column', value: 'toggleHeaderColumn' },
     { label: 'Toggle header row', value: 'toggleHeaderRow' },
     { label: 'Toggle header cells', value: 'toggleHeaderCell' },
-    { label: 'Add Caption', value: 'addCaption' },
-    { label: 'Delete Caption', value: 'deleteCaption' },
   ];
 
   const { activeView } = useContext(WaxContext);