diff --git a/app/views/mailer/proposal_notification.html.erb b/app/views/mailer/proposal_notification.html.erb
index 30e8d8bc6..59489840c 100644
--- a/app/views/mailer/proposal_notification.html.erb
+++ b/app/views/mailer/proposal_notification.html.erb
@@ -1,2 +1,9 @@
-<div><%= @notification.proposal.title %></div>
-<div><%= @notification.body %></div>
+<td style="padding-bottom: 20px; padding-left: 10px;">
+  <h1 style="font-family: 'Open Sans','Helvetica Neue',arial,sans-serif;">
+    <%= @notification.proposal.title %>
+  </h1>
+
+  <p style="font-family: 'Open Sans','Helvetica Neue',arial,sans-serif;font-size: 14px;font-weight: normal;line-height: 24px;">
+  <%= @notification.body %>
+  </p>
+</td>
diff --git a/app/views/proposal_notifications/new.html.erb b/app/views/proposal_notifications/new.html.erb
index 728b022a1..60f7e64e4 100644
--- a/app/views/proposal_notifications/new.html.erb
+++ b/app/views/proposal_notifications/new.html.erb
@@ -1,13 +1,23 @@
-<%= form_for @notification do |f| %>
-  <%= render "shared/errors", resource: @notification %>
+<div class="row">
+  <div class="small-12 medium-9 column">
+    <%= render 'shared/back_link' %>
 
-  <%= f.label :title, t("proposal_notifications.new.title_label") %>
-  <%= f.text_field :title, label: false %>
+    <h1><%= t("proposal_notifications.new.title") %></h1>
 
-  <%= f.label :body, t("proposal_notifications.new.body_label") %>
-  <%= f.text_area :body, label: false %>
+    <%= form_for @notification do |f| %>
+      <%= render "shared/errors", resource: @notification %>
 
-  <%= f.hidden_field :proposal_id, value: @proposal.id %>
+      <%= f.label :title, t("proposal_notifications.new.title_label") %>
+      <%= f.text_field :title, label: false %>
 
-  <%= f.submit t("proposal_notifications.new.submit_button") %>
-<% end %>
\ No newline at end of file
+      <%= f.label :body, t("proposal_notifications.new.body_label") %>
+      <%= f.text_area :body, label: false, rows: "3" %>
+
+      <%= f.hidden_field :proposal_id, value: @proposal.id %>
+
+      <div class="small-12 medium-4">
+        <%= f.submit t("proposal_notifications.new.submit_button"), class: "button expanded" %>
+      </div>
+    <% end %>
+  </div>
+</div>
diff --git a/app/views/proposal_notifications/show.html.erb b/app/views/proposal_notifications/show.html.erb
index e3c50e8cc..379b361fb 100644
--- a/app/views/proposal_notifications/show.html.erb
+++ b/app/views/proposal_notifications/show.html.erb
@@ -1,2 +1,11 @@
-<div><%= @notification.title %></div>
-<div><%= @notification.body %></div>
\ No newline at end of file
+<div class="row">
+  <div class="small-12 medium-9">
+    <%= link_to user_path(current_user), class: "back" do %>
+      <span class="icon-angle-left"></span>
+      <%= t("proposal_notifications.show.back") %>
+    <% end %>
+
+    <h2><%= @notification.title %></h2>
+    <p><%= @notification.body %></p>
+  </div>
+</div>
diff --git a/config/locales/en.yml b/config/locales/en.yml
index 40407f3fc..40b32f712 100755
--- a/config/locales/en.yml
+++ b/config/locales/en.yml
@@ -363,9 +363,12 @@ en:
         submit_button: Save changes
   proposal_notifications:
     new:
+      title: "Send message"
       title_label: "Title"
       body_label: "Message"
-      submit_button: "Send"
+      submit_button: "Send message"
+    show:
+      back: "Go back to my activity"
   shared:
     advanced_search:
       author_type: 'By author category'
diff --git a/config/locales/es.yml b/config/locales/es.yml
index 4c26d7561..5dc388853 100755
--- a/config/locales/es.yml
+++ b/config/locales/es.yml
@@ -363,9 +363,12 @@ es:
         submit_button: Guardar cambios
   proposal_notifications:
     new:
+      title: "Enviar mensaje"
       title_label: "Título"
       body_label: "Mensaje"
-      submit_button: "Enviar"
+      submit_button: "Enviar mensaje"
+    show:
+      back: "Volver a mi actividad"
   shared:
     advanced_search:
       author_type: 'Por categoría de autor'