diff --git a/app/views/modals/_producer.html.haml b/app/views/modals/_producer.html.haml
index 13f8026195..58d661d8b5 100644
--- a/app/views/modals/_producer.html.haml
+++ b/app/views/modals/_producer.html.haml
@@ -12,27 +12,32 @@
%ul.small-block-grid-1{bindonce: true}
%li{"ng-if" => "producer.website"}
%a{"ng-href" => "http://{{producer.website | stripUrl}}", target: "_blank" }
- %i.fi-web
+ %i.ofn-i_049-web
{{ producer.website | stripUrl }}
+ %li{"ng-if" => "producer.email"}
+ %a{"ng-href" => "mailto:{{producer.email | stripUrl}}", target: "_blank" }
+ %i.ofn-i_050-mail-circle
+ {{ producer.email | stripUrl }}
+
%li{"ng-if" => "producer.twitter"}
%a{"ng-href" => "http://twitter.com/{{producer.twitter}}", target: "_blank"}
- %i.fi-social-twitter
+ %i.ofn-i_041-twitter
{{ producer.twitter }}
%li{"ng-if" => "producer.facebook"}
%a{"ng-href" => "http://{{producer.facebook | stripUrl}}", target: "_blank"}
- %i.fi-social-facebook
+ %i.ofn-i_044-facebook
{{ producer.facebook | stripUrl }}
%li{"ng-if" => "producer.linkedin"}
%a{"ng-href" => "http://{{producer.linkedin | stripUrl}}", target: "_blank"}
- %i.fi-social-linkedin
+ %i.ofn-i_042-linkedin
{{ producer.linkedin | stripUrl }}
%li{"ng-if" => "producer.instagram"}
%a{"ng-href" => "http://instagram.com/{{producer.instagram}}", target: "_blank"}
- %i.fi-social-instagram
+ %i.ofn-i_043-instagram
{{ producer.instagram }}