diff --git a/styles/components/_timeline.scss b/styles/components/_timeline.scss
index 9fafa88..762ba01 100644
--- a/styles/components/_timeline.scss
+++ b/styles/components/_timeline.scss
@@ -83,23 +83,24 @@
 	}
 
 	&:hover {
-		$color: colors.$blue-800;
-
-		@include colors.coderdojo-theme {
-			$color: colors.$orange-500;
-		}
-
-		> .stamp {
-			border-color: $color;
-			background-color: $color;
-			color: colors.$inverse-text;
-		}
-
-		> .content {
-			&::before,
-			> h3:first-child::after {
+		@mixin stamp-hover($color) {
+			> .stamp {
+				border-color: $color;
 				background-color: $color;
+				color: colors.$inverse-text;
 			}
+
+			> .content {
+				&::before,
+				> h3:first-child::after {
+					background-color: $color;
+				}
+			}
+		}
+
+		@include stamp-hover(colors.$blue-800);
+		@include colors.coderdojo-theme {
+			@include stamp-hover(colors.$orange-500);
 		}
 	}