diff --git a/css/light-grey.css b/css/light-grey.css
index b21edd2404..f5576c9707 100644
--- a/css/light-grey.css
+++ b/css/light-grey.css
@@ -1901,7 +1901,7 @@ div.ui-dialog-header {
 }
 
 
-.arrow {
+.ui-tooltip .arrow {
   width: 70px;
   height: 16px;
   overflow: hidden;
@@ -1912,18 +1912,18 @@ div.ui-dialog-header {
 }
 
 
-.arrow.top {
+.ui-tooltip .arrow.top {
   top: -16px;
   bottom: auto;
 }
 
 
-.arrow.left {
+.ui-tooltip .arrow.left {
   left: 20%;
 }
 
 
-.arrow:after {
+.ui-tooltip .arrow:after {
   content: "";
   position: absolute;
   left: 20px;
@@ -1937,7 +1937,7 @@ div.ui-dialog-header {
 }
 
 
-.arrow.top:after {
+.ui-tooltip .arrow.top:after {
   bottom: -20px;
   top: auto;
 }
diff --git a/css/light-grey.scss b/css/light-grey.scss
index 814cb531a5..9dd287ebdb 100644
--- a/css/light-grey.scss
+++ b/css/light-grey.scss
@@ -1405,7 +1405,7 @@ div.ui-dialog-header {
 	padding: 10px 10px;
 	box-shadow: 0 0 7px black;
 }
-.arrow {
+.ui-tooltip .arrow {
 	width: 70px;
 	height: 16px;
 	overflow: hidden;
@@ -1414,14 +1414,14 @@ div.ui-dialog-header {
 	margin-left: -35px;
 	bottom: -16px;
 }
-.arrow.top {
+.ui-tooltip .arrow.top {
 	top: -16px;
 	bottom: auto;
 }
-.arrow.left {
+.ui-tooltip .arrow.left {
 	left: 20%;
 }
-.arrow:after {
+.ui-tooltip .arrow:after {
 	content: "";
 	position: absolute;
 	left: 20px;
@@ -1433,7 +1433,7 @@ div.ui-dialog-header {
 	-ms-transform: rotate(45deg);
 	transform: rotate(45deg);
 }
-.arrow.top:after {
+.ui-tooltip .arrow.top:after {
 	bottom: -20px;
 	top: auto;
 }