diff --git a/styles/include/mixins.scarlet b/styles/include/mixins.scarlet
index 369074fb..551fa6f3 100644
--- a/styles/include/mixins.scarlet
+++ b/styles/include/mixins.scarlet
@@ -21,7 +21,7 @@ mixin ui-element
 	border ui-border
 	background ui-background
 	border-radius 3px
-	transition border transition-speed ease, background transition-speed ease
+	transition all transition-speed ease
 	:hover
 		border ui-hover-border
 		background ui-hover-background
diff --git a/styles/widgets.scarlet b/styles/widgets.scarlet
index 5f07d687..b575155d 100644
--- a/styles/widgets.scarlet
+++ b/styles/widgets.scarlet
@@ -12,6 +12,7 @@
 .widget-element
 	vertical-wrap
 	ui-element
+	transition border transition-speed ease, background transition-speed ease
 	margin-bottom 1rem
 	padding 0.5rem 1rem
 	width 100%