diff --git a/wax-prosemirror-components/index.js b/wax-prosemirror-components/index.js
index 4ce7e5aa543ab79dc1d0f89c9bb36fe4433263bd..38e547ec9f7b28aa08c150dd252ae21bf7264f56 100644
--- a/wax-prosemirror-components/index.js
+++ b/wax-prosemirror-components/index.js
@@ -4,3 +4,4 @@ export { default as Button } from "./src/components/Button";
 export { default as icons } from "./src/icons/icons";
 export { default as TableDropDown } from "./src/components/TableDropDown";
 export { default as ImageUpload } from "./src/components/ImageUpload";
+export { default as LeftMenuTitle } from "./src/components/LeftMenuTitle";
diff --git a/wax-prosemirror-components/src/components/LeftMenuTitle.js b/wax-prosemirror-components/src/components/LeftMenuTitle.js
new file mode 100644
index 0000000000000000000000000000000000000000..15c4ac188abb43c6e70fe0942877d1b40a66b785
--- /dev/null
+++ b/wax-prosemirror-components/src/components/LeftMenuTitle.js
@@ -0,0 +1,26 @@
+import React from "react";
+import styled from "styled-components";
+
+const LeftMenuStyled = styled.div`
+  border-bottom: 1px solid #d9d9d9;
+  color: #979797;
+  font-family: "Fira Sans";
+  font-size: 15px;
+  font-weight: bold;
+  letter-spacing: 0.6px;
+  list-style: none;
+  line-height: 0;
+  margin: 5px 0;
+  display: block;
+  padding: 20px 0 10px;
+  margin-left: 10px;
+  text-align: left;
+  text-transform: uppercase;
+  width: 51%;
+`;
+
+const LeftMenuTitle = ({ title }) => {
+  return <LeftMenuStyled>{title}</LeftMenuStyled>;
+};
+
+export default LeftMenuTitle;
diff --git a/wax-prosemirror-components/src/components/infoArea/InfoArea.js b/wax-prosemirror-components/src/components/infoArea/InfoArea.js
index 1abbefdfa4d2fc492fd17d576aaec5e3df7821a2..ae6e088a0436acedf57143d30c5c9929ca18edeb 100644
--- a/wax-prosemirror-components/src/components/infoArea/InfoArea.js
+++ b/wax-prosemirror-components/src/components/infoArea/InfoArea.js
@@ -2,12 +2,12 @@ import React from "react";
 import styled from "styled-components";
 
 const InfoAreaContainer = styled.div`
-  height: ${props => (props.height ? props.height : "30px")};
+  ${"" /* height: ${props => (props.height ? props.height : "30px")};
   position: fixed;
   bottom: 0;
   z-index: 9999;
   background: #efefef;
-  width: 100%;
+  width: 100%;*/};
 `;
 
 const InfoArea = () => <InfoAreaContainer />;
diff --git a/wax-prosemirror-layouts/src/layouts/EditoriaLayout.js b/wax-prosemirror-layouts/src/layouts/EditoriaLayout.js
index 2ebe0d3d4eecfaabf816cffc6333945592cdf4fe..771dcf12d110aebf079ed7e4e5956706427a2d14 100644
--- a/wax-prosemirror-layouts/src/layouts/EditoriaLayout.js
+++ b/wax-prosemirror-layouts/src/layouts/EditoriaLayout.js
@@ -61,7 +61,7 @@ const MainMenuInner = styled.div`
 
 const SideMenuContainer = styled.div`
   display: flex;
-  width: 12%;
+  width: 14%;
   height: 98%;
 `;
 
diff --git a/wax-prosemirror-services/src/WaxToolGroups/DisplayToolGroupService/Display.js b/wax-prosemirror-services/src/WaxToolGroups/DisplayToolGroupService/Display.js
index 274216ffca9d4505c6337010b38860e4f26b5384..60b888079cbf5c6a995142cde9d996a929f65a97 100644
--- a/wax-prosemirror-services/src/WaxToolGroups/DisplayToolGroupService/Display.js
+++ b/wax-prosemirror-services/src/WaxToolGroups/DisplayToolGroupService/Display.js
@@ -1,18 +1,13 @@
 import React from "react";
 import { injectable, inject } from "inversify";
+import { LeftMenuTitle } from "wax-prosemirror-components";
 import ToolGroup from "../../lib/ToolGroup";
 
 @injectable()
 class Display extends ToolGroup {
   tools = [];
-  title = () => {
-    return (
-      <span>
-        Display
-        <hr />
-      </span>
-    );
-  };
+  title = <LeftMenuTitle title="Display" />;
+
   constructor(
     @inject("Author") author,
     @inject("Title") title,
diff --git a/wax-prosemirror-services/src/WaxToolGroups/TextToolGroupService/Text.js b/wax-prosemirror-services/src/WaxToolGroups/TextToolGroupService/Text.js
index b1cdb108ad49c24f24a798e7cde4d4b29c59c788..c09c5a0f000ca50f0f4d4a32806fbd00a53e392b 100644
--- a/wax-prosemirror-services/src/WaxToolGroups/TextToolGroupService/Text.js
+++ b/wax-prosemirror-services/src/WaxToolGroups/TextToolGroupService/Text.js
@@ -1,18 +1,13 @@
 import React from "react";
 import { injectable, inject } from "inversify";
+import { LeftMenuTitle } from "wax-prosemirror-components";
 import ToolGroup from "../../lib/ToolGroup";
 
 @injectable()
 class Text extends ToolGroup {
   tools = [];
-  title = () => {
-    return (
-      <span>
-        Text
-        <hr />
-      </span>
-    );
-  };
+  title = <LeftMenuTitle title="Text" />;
+
   constructor(
     @inject("Paragraph") paragraph,
     @inject("ParagraphContinued") paragraphContinued,