diff --git a/ivatar/ivataraccount/templates/preferences.html b/ivatar/ivataraccount/templates/preferences.html
index 78d3be5..6ae32f0 100644
--- a/ivatar/ivataraccount/templates/preferences.html
+++ b/ivatar/ivataraccount/templates/preferences.html
@@ -5,16 +5,34 @@
 {% block title %}{% trans 'Your Preferences' %}{% endblock title %}
 
 {% block content %}
+<style>
+input[type=radio] {display:none}
+input[type=radio] + label {
+padding-left:0;
+}
+input[type=radio] + label:before {
+font-family: FontAwesome;
+display: inline-block;
+letter-spacing:5px;
+font-size:20px;
+color:#36b7d7;
+vertical-align:middle;
+}
+input[type=radio] + label:before {content: "\f10c"}
+input[type=radio]:checked + label:before {content: "\f192"}
+</style>
 <h1>{% trans 'Account settings' %}</h1>
 
 <p>
 <form method="post" action="{% url 'user_preference' %}">{% csrf_token %}
         <div class="form-group">
-            <select name='theme' class="form-control" style="width:200px;">
+
                 {% for theme in THEMES %}
-                <option {% if user.userpreference.theme == theme.0 %}selected{% endif %} value="{{ theme.0 }}">{{ theme.1 }}</option>
+<div class="radio">
+<input type="radio" name="theme" value="{{ theme.0 }}" id="theme-{{ theme.0 }}" {% if user.userpreference.theme == theme.0 %}checked{% endif %}>
+<label for="theme-{{ theme.0 }}">{{ theme.1 }}</label>
+</div>
                 {% endfor %}
-            </select> 
             <br/>
             <button type="submit" class="btn btn-default">{% trans 'Save' %}</button>
         </div>