diff --git a/services/web/app/views/project/editor.pug b/services/web/app/views/project/editor.pug
index 4a35b930ff..2279d39e53 100644
--- a/services/web/app/views/project/editor.pug
+++ b/services/web/app/views/project/editor.pug
@@ -28,7 +28,7 @@ block content
 			.alert.alert-warning.small(ng-if="connection.reconnection_countdown")
 				strong #{translate("lost_connection")}.
 				| #{translate("reconnecting_in_x_secs", {seconds:"{{ connection.reconnection_countdown }}"})}.
-				a#try-reconnect-now-button.pull-right(href, ng-click="tryReconnectNow()") #{translate("try_now")}
+				a#try-reconnect-now-button.alert-link-as-btn.pull-right(href, ng-click="tryReconnectNow()") #{translate("try_now")}
 
 			.alert.alert-warning.small(ng-if="connection.reconnecting")
 				strong #{translate("reconnecting")}...
diff --git a/services/web/public/stylesheets/core/mixins.less b/services/web/public/stylesheets/core/mixins.less
index 3a48dd027c..bb5068f54d 100755
--- a/services/web/public/stylesheets/core/mixins.less
+++ b/services/web/public/stylesheets/core/mixins.less
@@ -434,6 +434,16 @@
   .alert-link {
     color: darken(@text-color, 10%);
   }
+
+  .alert-link-as-btn when (@is-overleaf = true) {
+    display: inline-block;
+    font-weight: bold;
+    .button-variant(#FFF, shade(@background, 20%), transparent);
+    .button-size(@padding-xs-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @btn-border-radius-small);
+    &:hover {
+      text-decoration: none;
+    }
+  }
 }
 
 // Tables