diff --git a/src/postorius/static/postorius/img/sign_in_blue.png b/src/postorius/static/postorius/img/sign_in_blue.png
deleted file mode 100644
index 919a5c7..0000000
--- a/src/postorius/static/postorius/img/sign_in_blue.png
+++ /dev/null
Binary files differ
diff --git a/src/postorius/templates/postorius/base.html b/src/postorius/templates/postorius/base.html
index 183d7f8..b289eb9 100644
--- a/src/postorius/templates/postorius/base.html
+++ b/src/postorius/templates/postorius/base.html
@@ -14,6 +14,7 @@
     <link rel="shortcut icon" href="{% static 'postorius/img/favicon.ico' %}">
     <link rel="stylesheet" href="{% static 'postorius/libs/bootstrap/css/bootstrap.min.css' %}">
     <link rel="stylesheet" href="{% static 'postorius/css/style.css' %}">
+    {% block additionalcss %}{% endblock %}
     <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
     <!--[if lt IE 9]>
diff --git a/src/postorius/templates/postorius/login.html b/src/postorius/templates/postorius/login.html
index 4a25a97..34c760e 100644
--- a/src/postorius/templates/postorius/login.html
+++ b/src/postorius/templates/postorius/login.html
@@ -7,6 +7,10 @@
 {% block subtitle %}
 {% trans 'Login' %}
 {% endblock %}
+{% block additionalcss %}
+    {% browserid_css %}
+{% endblock %}
+
 
 {% block main %}
 
@@ -22,9 +26,7 @@
         </div>
         <div class="col-md-6 text-center persona-login">
             {% browserid_info %}
-            <a rel="nofollow" class="browserid-login persona-button" id="browserid" href="#">
-                <img src="{% static 'postorius/img/sign_in_blue.png' %}" alt="{% trans 'Login using BrowserID' %}" />
-            </a>
+            {% browserid_login text='Login using Persona' color='blue' next=next %}
             <p>
                 {% blocktrans %}
                     Mozilla Persona is an easy way to sign into multiple websites, while still controlling your personal data.