diff --git a/cypress/platform/knsv.html b/cypress/platform/knsv.html
index 2e2d9769e..053a4142e 100644
--- a/cypress/platform/knsv.html
+++ b/cypress/platform/knsv.html
@@ -30,7 +30,7 @@
 
 
 
-<div class="mermaid" style="width: 50%;">
+<div class="mermaid2" style="width: 50%;">
       journey
       title Adding journey diagram functionality to mermaid
       accTitle: Adding acc journey diagram functionality to mermaid
@@ -67,10 +67,10 @@
      commit
      commit
 </div>
-<div class="mermaid2" style="width: 50%;">
+<div class="mermaid" style="width: 50%;">
    sequenceDiagram
       title: My Sequence Diagram Title
-      accTitle: My Sequence Diagram
+      accTitle: My Acc Sequence Diagram
       accDescr: My Sequence Diagram Description
 
       Alice->>John: Hello John, how are you?
diff --git a/src/commonDb.js b/src/commonDb.js
index 68740f774..90e99faca 100644
--- a/src/commonDb.js
+++ b/src/commonDb.js
@@ -1,12 +1,14 @@
 import { sanitizeText as _sanitizeText } from './diagrams/common/common';
 import { getConfig } from './config';
 let title = '';
+let diagramTitle = '';
 let description = '';
 const sanitizeText = (txt) => _sanitizeText(txt, getConfig());
 
 export const clear = function () {
   title = '';
   description = '';
+  diagramTitle = '';
 };
 
 export const setAccTitle = function (txt) {
@@ -14,7 +16,7 @@ export const setAccTitle = function (txt) {
 };
 
 export const getAccTitle = function () {
-  return title;
+  return title || diagramTitle;
 };
 
 export const setAccDescription = function (txt) {
@@ -25,9 +27,19 @@ export const getAccDescription = function () {
   return description;
 };
 
+export const setDiagramTitle = function (txt) {
+  diagramTitle = sanitizeText(txt);
+};
+
+export const getDiagramTitle = function () {
+  return diagramTitle;
+};
+
 export default {
   setAccTitle,
   getAccTitle,
+  setDiagramTitle,
+  getDiagramTitle: getDiagramTitle,
   getAccDescription,
   setAccDescription,
   clear,
diff --git a/src/diagrams/gantt/ganttDb.js b/src/diagrams/gantt/ganttDb.js
index e06c8ffff..6014cd9bb 100644
--- a/src/diagrams/gantt/ganttDb.js
+++ b/src/diagrams/gantt/ganttDb.js
@@ -11,6 +11,8 @@ import {
   getAccDescription,
   setAccDescription,
   clear as commonClear,
+  setDiagramTitle,
+  getDiagramTitle,
 } from '../../commonDb';
 
 let dateFormat = '';
@@ -627,14 +629,6 @@ export const bindFunctions = function (element) {
   });
 };
 
-const setDiagramTitle = function (txt) {
-  title = sanitizeText(txt);
-};
-
-const getDiagramTitle = function () {
-  return title;
-};
-
 export default {
   parseDirective,
   getConfig: () => configApi.getConfig().gantt,
diff --git a/src/diagrams/pie/pieDb.js b/src/diagrams/pie/pieDb.js
index 69f906961..def0242a3 100644
--- a/src/diagrams/pie/pieDb.js
+++ b/src/diagrams/pie/pieDb.js
@@ -5,6 +5,8 @@ import common from '../common/common';
 import {
   setAccTitle,
   getAccTitle,
+  setDiagramTitle,
+  getDiagramTitle,
   getAccDescription,
   setAccDescription,
   clear as commonClear,
@@ -52,15 +54,6 @@ const clear = function () {
   commonClear();
 };
 
-export const setDiagramTitle = function (txt) {
-  let sanitizedText = common.sanitizeText(txt, configApi.getConfig());
-  title = sanitizedText;
-};
-
-export const getDiagramTitle = function () {
-  return title;
-};
-
 export default {
   parseDirective,
   getConfig: () => configApi.getConfig().pie,
diff --git a/src/diagrams/sequence/sequenceDb.js b/src/diagrams/sequence/sequenceDb.js
index 7c4517f35..f39c59914 100644
--- a/src/diagrams/sequence/sequenceDb.js
+++ b/src/diagrams/sequence/sequenceDb.js
@@ -5,6 +5,8 @@ import { sanitizeText } from '../common/common';
 import {
   setAccTitle,
   getAccTitle,
+  setDiagramTitle,
+  getDiagramTitle,
   getAccDescription,
   setAccDescription,
   clear as commonClear,
@@ -331,15 +333,6 @@ export const getActorProperty = function (actor, key) {
   return undefined;
 };
 
-export const setDiagramTitle = function (txt) {
-  let sanitizedText = sanitizeText(txt, configApi.getConfig());
-  diagramTitle = sanitizedText;
-};
-
-export const getDiagramTitle = function () {
-  return diagramTitle;
-};
-
 export const apply = function (param) {
   if (param instanceof Array) {
     param.forEach(function (item) {
@@ -452,6 +445,7 @@ export default {
   getActorProperty,
   getAccTitle,
   getDiagramTitle,
+  setDiagramTitle,
   parseDirective,
   getConfig: () => configApi.getConfig().sequence,
   clear,
@@ -461,7 +455,6 @@ export default {
   PLACEMENT,
   addNote,
   setAccTitle,
-  setDiagramTitle,
   apply,
   setAccDescription,
   getAccDescription,
diff --git a/src/diagrams/user-journey/journeyDb.js b/src/diagrams/user-journey/journeyDb.js
index 7557e97b2..d8f27b93c 100644
--- a/src/diagrams/user-journey/journeyDb.js
+++ b/src/diagrams/user-journey/journeyDb.js
@@ -4,6 +4,8 @@ import common from '../common/common';
 import {
   setAccTitle,
   getAccTitle,
+  setDiagramTitle,
+  getDiagramTitle,
   getAccDescription,
   setAccDescription,
   clear as commonClear,
@@ -122,14 +124,6 @@ const getActors = function () {
   return updateActors();
 };
 
-const setDiagramTitle = function (txt) {
-  title = sanitizeText(txt);
-};
-
-const getDiagramTitle = function () {
-  return title;
-};
-
 export default {
   parseDirective,
   getConfig: () => configApi.getConfig().journey,