diff --git a/app/assets/images/locomotive/list/icons/toggle.png b/app/assets/images/locomotive/list/icons/toggle.png
index 0fbbfeea..130a62ce 100644
Binary files a/app/assets/images/locomotive/list/icons/toggle.png and b/app/assets/images/locomotive/list/icons/toggle.png differ
diff --git a/app/assets/images/locomotive/list/icons/toggle_off.png b/app/assets/images/locomotive/list/icons/toggle_off.png
index 11bdcd4b..749f4014 100644
Binary files a/app/assets/images/locomotive/list/icons/toggle_off.png and b/app/assets/images/locomotive/list/icons/toggle_off.png differ
diff --git a/app/assets/javascripts/locomotive/views/content_types/custom_field_entry_view.js.coffee b/app/assets/javascripts/locomotive/views/content_types/custom_field_entry_view.js.coffee
index d10a06fe..07f707ad 100644
--- a/app/assets/javascripts/locomotive/views/content_types/custom_field_entry_view.js.coffee
+++ b/app/assets/javascripts/locomotive/views/content_types/custom_field_entry_view.js.coffee
@@ -78,8 +78,10 @@ class Locomotive.Views.ContentTypes.CustomFieldEntryView extends Backbone.View
     form = @$('ol')
 
     if form.is(':hidden')
+      @$('a.toggle').addClass('open')
       form.slideDown()
     else
+      @$('a.toggle').removeClass('open')
       form.slideUp()
 
   show_error: (message) ->
diff --git a/app/assets/stylesheets/locomotive/backoffice/formtastic_changes.css.scss b/app/assets/stylesheets/locomotive/backoffice/formtastic_changes.css.scss
index 4841dc0a..d6137c39 100644
--- a/app/assets/stylesheets/locomotive/backoffice/formtastic_changes.css.scss
+++ b/app/assets/stylesheets/locomotive/backoffice/formtastic_changes.css.scss
@@ -157,6 +157,10 @@ form.formtastic {
               &:hover {
                 background-image: image-url("locomotive/list/icons/toggle.png");
               }
+              &.open {
+                @include rotate(180deg);
+              }
+              @include single-transition(transform, 0.5s);
             }
 
             &.drag {