diff --git a/static/css/base.css b/static/css/base.css
index a13c596f..ac369080 100644
--- a/static/css/base.css
+++ b/static/css/base.css
@@ -143,3 +143,12 @@ dl.profile-info > div {
     padding: 8px;
     border-top: 1px solid #ddd;
 }
+
+/* Breadcrumbs */
+.breadcrumbs {
+    padding: 8px 15px;
+    margin-bottom: 20px;
+    list-style: none;
+    background-color: #f5f5f5;
+    border-radius: 4px;
+}
diff --git a/useradmin/templates/admin/app_index.html b/useradmin/templates/admin/app_index.html
deleted file mode 100644
index 4043af22..00000000
--- a/useradmin/templates/admin/app_index.html
+++ /dev/null
@@ -1,19 +0,0 @@
-{# Please keep this template in sync with django/contrib/admin one #}
-{% extends "admin/index.html" %}
-{% load i18n %}
-
-{% block bodyclass %}{{ block.super }} app-{{ app_label }}{% endblock %}
-
-{% if not is_popup %}
-{% block breadcrumbs %}
-<ol class="breadcrumb"><li class="home">
-<a href="{% url 'admin:index' %}">{% trans 'Home' %}</a>
-</li><li class="active">
-{% for app in app_list %}
-{{ app.name }}
-{% endfor %}
-</li></ol>
-{% endblock %}
-{% endif %}
-
-{% block sidebar %}{% endblock %}
diff --git a/useradmin/templates/admin/change_form.html b/useradmin/templates/admin/change_form.html
index 0224fdbd..76d6d039 100644
--- a/useradmin/templates/admin/change_form.html
+++ b/useradmin/templates/admin/change_form.html
@@ -15,12 +15,12 @@
 
 {% if not is_popup %}
 {% block breadcrumbs %}
-<ol class="breadcrumb"><li class="home">
+<div class="breadcrumbs">
 <a href="{% url 'admin:index' %}">{% trans 'Home' %}</a>
-</li><li><a href="{% url 'admin:app_list' app_label=opts.app_label %}">{{ opts.app_config.verbose_name }}</a>
-</li><li>{% if has_change_permission %}<a href="{% url opts|admin_urlname:'changelist' %}">{{ opts.verbose_name_plural|capfirst }}</a>{% else %}{{ opts.verbose_name_plural|capfirst }}{% endif %}
-</li><li class="active">{% if add %}{% blocktrans with name=opts.verbose_name %}Add {{ name }}{% endblocktrans %}{% else %}{{ original|truncatewords:"18" }}{% endif %}
-</li></ol>
+&rsaquo; <a href="{% url 'admin:app_list' app_label=opts.app_label %}">{{ opts.app_config.verbose_name }}</a>
+&rsaquo; {% if has_change_permission %}<a href="{% url opts|admin_urlname:'changelist' %}">{{ opts.verbose_name_plural|capfirst }}</a>{% else %}{{ opts.verbose_name_plural|capfirst }}{% endif %}
+&rsaquo; {% if add %}{% blocktrans with name=opts.verbose_name %}Add {{ name }}{% endblocktrans %}{% else %}{{ original|truncatewords:"18" }}{% endif %}
+</div>
 {% endblock %}
 {% endif %}
 
diff --git a/useradmin/templates/admin/change_list.html b/useradmin/templates/admin/change_list.html
index 03113c8f..d99b0565 100644
--- a/useradmin/templates/admin/change_list.html
+++ b/useradmin/templates/admin/change_list.html
@@ -28,11 +28,11 @@
 
 {% if not is_popup %}
 {% block breadcrumbs %}
-<ol class="breadcrumb"><li class="home">
+<div class="breadcrumbs">
 <a href="{% url 'admin:index' %}">{% trans 'Home' %}</a>
-</li><li><a href="{% url 'admin:app_list' app_label=cl.opts.app_label %}">{{ cl.opts.app_config.verbose_name }}</a>
-</li><li class="active">{{ cl.opts.verbose_name_plural|capfirst }}
-</li></ol>
+&rsaquo; <a href="{% url 'admin:app_list' app_label=cl.opts.app_label %}">{{ cl.opts.app_config.verbose_name }}</a>
+&rsaquo; {{ cl.opts.verbose_name_plural|capfirst }}
+</div>
 {% endblock %}
 {% endif %}
 
diff --git a/useradmin/templates/admin/delete_confirmation.html b/useradmin/templates/admin/delete_confirmation.html
index badcb306..3b58e558 100644
--- a/useradmin/templates/admin/delete_confirmation.html
+++ b/useradmin/templates/admin/delete_confirmation.html
@@ -11,13 +11,13 @@
 {% block bodyclass %}{{ block.super }} app-{{ opts.app_label }} model-{{ opts.model_name }} delete-confirmation{% endblock %}
 
 {% block breadcrumbs %}
-<ol class="breadcrumb"><li class="home">
+<div class="breadcrumbs">
 <a href="{% url 'admin:index' %}">{% trans 'Home' %}</a>
-</li><li><a href="{% url 'admin:app_list' app_label=opts.app_label %}">{{ opts.app_config.verbose_name }}</a>
-</li><li><a href="{% url opts|admin_urlname:'changelist' %}">{{ opts.verbose_name_plural|capfirst|escape }}</a>
-</li><li><a href="{% url opts|admin_urlname:'change' object.pk|admin_urlquote %}">{{ object|truncatewords:"18" }}</a>
-</li><li class="active">{% trans 'Delete' %}
-</li></ol>
+&rsaquo; <a href="{% url 'admin:app_list' app_label=opts.app_label %}">{{ opts.app_config.verbose_name }}</a>
+&rsaquo; <a href="{% url opts|admin_urlname:'changelist' %}">{{ opts.verbose_name_plural|capfirst|escape }}</a>
+&rsaquo; <a href="{% url opts|admin_urlname:'change' object.pk|admin_urlquote %}">{{ object|truncatewords:"18" }}</a>
+&rsaquo; {% trans 'Delete' %}
+</div>
 {% endblock %}
 
 {% block content %}
diff --git a/useradmin/templates/admin/delete_selected_confirmation.html b/useradmin/templates/admin/delete_selected_confirmation.html
index 071f8224..371be030 100644
--- a/useradmin/templates/admin/delete_selected_confirmation.html
+++ b/useradmin/templates/admin/delete_selected_confirmation.html
@@ -11,12 +11,12 @@
 {% block bodyclass %}{{ block.super }} app-{{ opts.app_label }} model-{{ opts.model_name }} delete-confirmation delete-selected-confirmation{% endblock %}
 
 {% block breadcrumbs %}
-<ol class="breadcrumb"><li class="home">
+<div class="breadcrumbs">
 <a href="{% url 'admin:index' %}">{% trans 'Home' %}</a>
-</li><li><a href="{% url 'admin:app_list' app_label=opts.app_label %}">{{ opts.app_config.verbose_name }}</a>
-</li><li><a href="{% url opts|admin_urlname:'changelist' %}">{{ opts.verbose_name_plural|capfirst|escape }}</a>
-</li><li class="active">{% trans 'Delete multiple objects' %}
-</li></ol>
+&rsaquo; <a href="{% url 'admin:app_list' app_label=opts.app_label %}">{{ opts.app_config.verbose_name }}</a>
+&rsaquo; <a href="{% url opts|admin_urlname:'changelist' %}">{{ opts.verbose_name_plural|capfirst }}</a>
+&rsaquo; {% trans 'Delete multiple objects' %}
+</div>
 {% endblock %}
 
 {% block content %}
diff --git a/useradmin/templates/admin/object_history.html b/useradmin/templates/admin/object_history.html
index 63089fb7..5bf5e4db 100644
--- a/useradmin/templates/admin/object_history.html
+++ b/useradmin/templates/admin/object_history.html
@@ -3,13 +3,13 @@
 {% load i18n admin_urls %}
 
 {% block breadcrumbs %}
-<ol class="breadcrumb"><li class="home">
+<div class="breadcrumbs">
 <a href="{% url 'admin:index' %}">{% trans 'Home' %}</a>
-</li><li><a href="{% url 'admin:app_list' app_label=opts.app_label %}">{{ opts.app_config.verbose_name }}</a>
-</li><li><a href="{% url opts|admin_urlname:'changelist' %}">{{ module_name }}</a>
-</li><li><a href="{% url opts|admin_urlname:'change' object.pk|admin_urlquote %}">{{ object|truncatewords:"18" }}</a>
-</li><li class="active">{% trans 'History' %}
-</li></ol>
+&rsaquo; <a href="{% url 'admin:app_list' app_label=opts.app_label %}">{{ opts.app_config.verbose_name }}</a>
+&rsaquo; <a href="{% url opts|admin_urlname:'changelist' %}">{{ module_name }}</a>
+&rsaquo; <a href="{% url opts|admin_urlname:'change' object.pk|admin_urlquote %}">{{ object|truncatewords:"18" }}</a>
+&rsaquo; {% trans 'History' %}
+</div>
 {% endblock %}
 
 {% block content %}