diff --git a/pages/anime/character.scarlet b/pages/anime/character.scarlet
index f6fc06c9..8f526022 100644
--- a/pages/anime/character.scarlet
+++ b/pages/anime/character.scarlet
@@ -20,8 +20,8 @@
 	object-fit cover
 
 .character-image-small
-	width 56px
-	height 56px
+	width character-image-small-width
+	height character-image-small-height
 	border-radius ui-element-border-radius
 	box-shadow shadow-light
 	object-fit cover
\ No newline at end of file
diff --git a/styles/include/config.scarlet b/styles/include/config.scarlet
index a8d248c1..773b67d0 100644
--- a/styles/include/config.scarlet
+++ b/styles/include/config.scarlet
@@ -140,6 +140,11 @@ const anime-image-medium-height = 200px
 const anime-image-large-width = 250px
 const anime-image-large-height = 350px
 
+const character-image-small-width = 56px
+const character-image-small-height = 56px
+
+const grid-cell-margin = 0.5rem
+
 // Timings
 fade-speed = 150ms
 transition-speed = 150ms
diff --git a/styles/tip.scarlet b/styles/tip.scarlet
index 74f21312..dc902784 100644
--- a/styles/tip.scarlet
+++ b/styles/tip.scarlet
@@ -53,6 +53,7 @@ mixin tip-after
 // When the browser is idle, we give all tips the "tip-active" class.
 .tip-active
 	position relative
+	z-index 9999
 
 	:before
 		tip-before