diff --git a/site/styles/global.css b/site/styles/global.css
index f124617..d295411 100644
--- a/site/styles/global.css
+++ b/site/styles/global.css
@@ -31,11 +31,10 @@ body {
 /* tooltip fade-out clip */
 .tooltip-body::after {
   content: "";
-  text-align: right;
   position: absolute;
-  bottom: 0;
   right: 0;
-  width: 30%;
-  height: 1.2em;
+  top: 2.4rem; /* multiple of $line-height used on the tooltip body */
+  height: 1.2rem; /* ($top + $height)/$line-height is the number of lines we want to clip tooltip text at*/
+  width: 10rem;
   background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 100%);
 }