diff --git a/rpg-docs/client/views/paperTemplates/inputSuffixes/inputSuffixes.css b/rpg-docs/client/views/paperTemplates/inputSuffixes/inputSuffixes.css
index 4973b715..4bf159bc 100644
--- a/rpg-docs/client/views/paperTemplates/inputSuffixes/inputSuffixes.css
+++ b/rpg-docs/client/views/paperTemplates/inputSuffixes/inputSuffixes.css
@@ -1,10 +1,8 @@
 .textarea-bracket-suffix {
-	float: right;
-	position: absolute;
-	right: 6px;
-	bottom: 12px;
-}	
+	margin-bottom: 12px;
+}
 
-.description-input {
-	position: relative;
-}
\ No newline at end of file
+.description-input > paper-textarea {
+	width: 100%;
+	width: 100% - 24px;
+}
diff --git a/rpg-docs/client/views/paperTemplates/inputSuffixes/inputSuffixes.html b/rpg-docs/client/views/paperTemplates/inputSuffixes/inputSuffixes.html
index eeb7f49f..9cd48f6b 100644
--- a/rpg-docs/client/views/paperTemplates/inputSuffixes/inputSuffixes.html
+++ b/rpg-docs/client/views/paperTemplates/inputSuffixes/inputSuffixes.html
@@ -1,20 +1,35 @@
 <template name="formulaSuffix">
-	<div suffix>
-		<paper-tooltip position="left" animation-delay="0">This is a formula field</paper-tooltip>
+	<div suffix style="position: relative">
 		<iron-icon icon="lightbulb-outline"></iron-icon>
+		{{# simpleTooltip}}
+			This is a formula field
+		{{/ simpleTooltip}}
 	</div>
 </template>
 
 <template name="bracketSuffix">
-	<div suffix>
-		<paper-tooltip position="left" animation-delay="0">This field accepts formulae in {curly brackets}</paper-tooltip>
+	<div suffix style="position: relative">
 		<iron-icon icon="dicecloud:code-braces"></iron-icon>
+		{{# simpleTooltip}}
+			This field accepts formulae in {curly brackets}
+		{{/ simpleTooltip}}
 	</div>
 </template>
 
 <template name="textareaBracketSuffix">
 	<div class="textarea-bracket-suffix">
-		<paper-tooltip position="left" animation-delay="0">This field accepts formulae in {curly brackets}</paper-tooltip>
-		<iron-icon icon="dicecloud:code-braces"></iron-icon>
+		<div class="markdown" style="position: relative">
+			<iron-icon icon="dicecloud:markdown"></iron-icon>
+			{{# simpleTooltip}}
+				This field accepts markdown formatting
+			{{/ simpleTooltip}}
+		</div>
+		<div class="brackets" style="position: relative">
+			<!--<paper-tooltip position="left" animation-delay="0">This field accepts formulae in {curly brackets}</paper-tooltip>-->
+			<iron-icon icon="dicecloud:code-braces"></iron-icon>
+			{{# simpleTooltip}}
+				This field accepts formulae in {curly brackets}
+			{{/ simpleTooltip}}
+		</div>
 	</div>
 </template>
diff --git a/rpg-docs/client/views/paperTemplates/simpleTooltip/simpleTooltip.css b/rpg-docs/client/views/paperTemplates/simpleTooltip/simpleTooltip.css
new file mode 100644
index 00000000..39bb2cc3
--- /dev/null
+++ b/rpg-docs/client/views/paperTemplates/simpleTooltip/simpleTooltip.css
@@ -0,0 +1,18 @@
+.simple-tooltip:hover .tooltip {
+	opacity: 0.9;
+}
+
+.tooltip {
+	opacity: 0;
+	transition: opacity 200ms ease-in;
+	font-size: 12px;
+    line-height: 1;
+    background-color: #616161;
+    color: white;
+    padding: 8px;
+    border-radius: 2px;
+	position: absolute;
+	right: calc(100% + 8px);
+	pointer-events: none;
+    white-space: nowrap;
+}
diff --git a/rpg-docs/client/views/paperTemplates/simpleTooltip/simpleTooltip.html b/rpg-docs/client/views/paperTemplates/simpleTooltip/simpleTooltip.html
new file mode 100644
index 00000000..961f80f4
--- /dev/null
+++ b/rpg-docs/client/views/paperTemplates/simpleTooltip/simpleTooltip.html
@@ -0,0 +1,7 @@
+<template name="simpleTooltip">
+	<div class="simple-tooltip fit">
+		<div class="tooltip">
+			{{> Template.contentBlock}}
+		</div>
+	</div>
+</template>