diff --git a/resources/skins.minerva.base.styles/ui.less b/resources/skins.minerva.base.styles/ui.less
index 85aab6c..b695a7b 100644
--- a/resources/skins.minerva.base.styles/ui.less
+++ b/resources/skins.minerva.base.styles/ui.less
@@ -163,9 +163,12 @@ main {
 	box-shadow: 0 1px 1px rgba( 0, 0, 0, 0.05 );
 	// Keyboard focus is taken care of below at `.search-box .search:focus`.
 	outline: 0;
+	.transition( ~'border-color 250ms, box-shadow 250ms' );
 }
 
-.search-box .search:focus {
+// Provide focus styles only in non-JS and overlay to prevent double transition.
+.client-nojs .search-box .search:focus,
+.search-overlay .search-box .search:focus {
 	border-color: @colorProgressive;
 	box-shadow: inset 0 0 0 1px @colorProgressive, 0 1px 1px rgba( 0, 0, 0, 0.05 );
 }