diff --git a/styles/image-title.scarlet b/styles/image-title.scarlet
index aa1e0114..652c629d 100644
--- a/styles/image-title.scarlet
+++ b/styles/image-title.scarlet
@@ -5,10 +5,8 @@
 	left 0
 	width 100%
 	padding 0.7rem 0.5rem
-	background linear-gradient(to top, hsla(0, 0%, 0%, 0.8), hsla(0, 0%, 0%, 0))
-	border-bottom-left-radius ui-element-border-radius
-	border-bottom-right-radius ui-element-border-radius
 	pointer-events none
+	dark-gradient-bottom
 	default-transition
 
 .image-title-text
diff --git a/styles/mixins/anime-grid.scarlet b/styles/mixins/anime-grid.scarlet
index 89931aa7..e8681697 100644
--- a/styles/mixins/anime-grid.scarlet
+++ b/styles/mixins/anime-grid.scarlet
@@ -32,4 +32,9 @@ mixin anime-list-item-image
 
 	// Make it easier for the browser to layout by specifying max size as well
 	max-width anime-image-tiny-width
-	max-height anime-image-tiny-height
\ No newline at end of file
+	max-height anime-image-tiny-height
+
+mixin dark-gradient-bottom
+	background linear-gradient(to top, hsla(0, 0%, 0%, 0.8), hsla(0, 0%, 0%, 0))
+	border-bottom-left-radius ui-element-border-radius
+	border-bottom-right-radius ui-element-border-radius
\ No newline at end of file
diff --git a/styles/video.scarlet b/styles/video.scarlet
index 12c09538..a55caccc 100644
--- a/styles/video.scarlet
+++ b/styles/video.scarlet
@@ -24,14 +24,14 @@ const video-progress-clickable-height-buffer = 0.4rem
 	background-color black
 
 .video-controls
+	horizontal
+	align-items center
 	position absolute
 	bottom 0
 	right 0
 	padding 0.5rem 0.75rem
 	opacity 0
 	width 100%
-	horizontal
-	align-items center
 	default-transition
 
 	:hover