diff --git a/source/components/rule/Algorithm.css b/source/components/rule/Algorithm.css
index 2933d4a45..de8d70715 100644
--- a/source/components/rule/Algorithm.css
+++ b/source/components/rule/Algorithm.css
@@ -166,13 +166,8 @@
 .mecanism-result {
 	position: absolute;
 	display: none;
-	bottom: 0;
+	top: -4px;
 	right: 0;
-	border-top: 1px solid;
-	border-left: 1px solid;
-	border-top-left-radius: 0.3rem;
-	border-color: inherit;
-	padding: 0.1rem 0.6rem;
 }
 #rule-rules.showValues .mecanism-result {
 	display: initial;
diff --git a/source/engine/mecanismViews/common.js b/source/engine/mecanismViews/common.js
index fb0ebbded..d951424b3 100644
--- a/source/engine/mecanismViews/common.js
+++ b/source/engine/mecanismViews/common.js
@@ -29,7 +29,6 @@ export let NodeValuePointer = ({ data, unit }) => (
 			border-bottom: 0 !important;
 			padding: 0 0.2rem;
 			text-decoration: none !important;
-			margin: 0 0.3rem;
 			font-size: 80%;
 			box-shadow: 2px 2px 4px 1px #d9d9d9, 0 0 0 1px #d9d9d9;
 			line-height: 1.6em;
@@ -127,7 +126,14 @@ export const Leaf = compose(
 									{rule.title || capitalise0(name)} {filter}
 								</span>
 							</Link>
-							{!isNil(value) && <NodeValuePointer data={value} unit={unit} />}
+							{!isNil(value) && (
+								<span
+									css={`
+										margin: 0 0.3rem;
+									`}>
+									<NodeValuePointer data={value} unit={unit} />
+								</span>
+							)}
 						</span>
 					)}
 				</span>