diff --git a/templates/default/html/variable_form.twig b/templates/default/html/variable_form.twig
index ab860ae4..cb14993e 100644
--- a/templates/default/html/variable_form.twig
+++ b/templates/default/html/variable_form.twig
@@ -43,7 +43,7 @@
                                     <input type='hidden' name='macros[{{var.key}}][start]' id='var_{{var.key}}_start' value='{{var.value.start|date('Y-m-d H:i:s')}}' />
                                     <input type='hidden' name='macros[{{var.key}}][end]' id='var_{{var.key}}_end' value='{{var.value.end|date('Y-m-d H:i:s')}}' />
                                     <div class="daterangepicker_holder btn btn-default pull-left" data-var="{{var.key}}">
-                                            <i class="icon-calendar icon-large"></i>
+                                            <i class="glyphicon glyphicon-calendar"></i>
                                             <span>
                                                 {% if var.value.start and var.value.end %}
                                                     {{ var.value.start|date('F j, Y') }} - {{ var.value.end|date('F j, Y') }}
@@ -55,7 +55,7 @@
                                 {% elseif var.type == "date" %}
                                     <div class="input-append date datepicker_holder" data-date="{{var.value|date('Y-m-d')}}" data-date-format="yyyy-mm-dd">
                                         <input type='text' name='macros[{{var.key}}]' id="var_{{ var.key }}" value='{{var.value|date('Y-m-d H:i:s')}}' />
-                                        <span class="add-on"><i class="icon-calendar"></i></span>
+                                        <i class="add-on glyphicon glyphicon-calendar"></i>
                                     </div>
                                 {% else %}
                                     <input type='text' name='macros[{{var.key}}]' id="var_{{ var.key }}" value='{{var.value}}' />