diff --git a/src/diagrams/requirement/requirementRenderer.js b/src/diagrams/requirement/requirementRenderer.js
index dca8fd6a8..53a6c94aa 100644
--- a/src/diagrams/requirement/requirementRenderer.js
+++ b/src/diagrams/requirement/requirementRenderer.js
@@ -271,7 +271,7 @@ export const drawElements = (els, graph, svgNode) => {
     let bodyNode = newBodyNode(
       groupNode,
       textId + '_body',
-      [`Type: ${el.type || 'Not Specified'}`, `Doc Ref: ${el.docref || 'None'}`],
+      [`Type: ${el.type || 'Not Specified'}`, `Doc Ref: ${el.docRef || 'None'}`],
       titleNodeInfo.y
     );
 
@@ -323,6 +323,7 @@ const elementString = str => {
 
 export const draw = (text, id) => {
   parser.yy = requirementDb;
+  parser.yy.clear();
   parser.parse(text);
 
   const svg = select(`[id='${id}']`);
diff --git a/src/diagrams/requirement/styles.js b/src/diagrams/requirement/styles.js
index 52423f4a8..0ce52314c 100644
--- a/src/diagrams/requirement/styles.js
+++ b/src/diagrams/requirement/styles.js
@@ -18,7 +18,11 @@ const getStyles = options => `
     fill: ${options.requirementBackground};
     fill-opacity: 100%;
     stroke: ${options.requirementBorderColor};
-    stroke-size: ${options.requirementBorderSize};
+    stroke-width: ${options.requirementBorderSize};
+  }
+  
+  .reqTitle, .reqLabel{
+    fill:  ${options.requirementTextColor};
   }
   .reqLabelBox {
     fill: ${options.relationLabelBackground};
@@ -27,7 +31,7 @@ const getStyles = options => `
 
   .req-title-line {
     stroke: ${options.requirementBorderColor};
-    stroke-width: 1;
+    stroke-width: ${options.requirementBorderSize};
   }
   .relationshipLine {
     stroke: ${options.relationColor};