diff --git a/style-monsterimages.css b/style-monsterimages.css
index 1eaf2bd4..6d03238a 100644
--- a/style-monsterimages.css
+++ b/style-monsterimages.css
@@ -1679,11 +1679,13 @@
 .attr
 {
 	display: inline-block;
-	width: 36px;
-	height: 36px;
-	line-height: 36px;
+	--icon-width: 36px;
+	--icon-height: 36px;
+	width: var(--icon-width);
+	height: var(--icon-height);
+	
 	background-image: url(images/attrs.png);
-	background-position-y:calc(36px);
+	background-position-y: var(--icon-height);
 	background-repeat: no-repeat;
 	vertical-align: bottom;
 }
diff --git a/style.css b/style.css
index d53844e6..2f46da4d 100644
--- a/style.css
+++ b/style.css
@@ -3152,7 +3152,7 @@ input[disabled]+.awoken-icon:active,
 .skill-datail-parsed{
 	color: black;
 	padding: 0 8px 6px 8px;
-	line-height: 25px;
+	line-height: 1.25em;
 	white-space: break-spaces;
 }
 .skill-datail-parsed{
@@ -4524,10 +4524,12 @@ body.external-link-support #external-support{
 .icon-skill::after,
 .icon-skill::before
 {
+	--icon-width: 36px;
+	--icon-height: 36px;
+	width: var(--icon-width);
+	height: var(--icon-height);
 	font-weight: normal;
 	display: inline-block;
-	width: 36px;
-	height: 36px;
 	background-image: url(images/icon-skills.png);
 	background-repeat: no-repeat;
 }