diff --git a/app/assets/images/bell.svg b/app/assets/images/bell.svg
new file mode 100644
index 0000000..a71eba3
--- /dev/null
+++ b/app/assets/images/bell.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bell" viewBox="0 0 16 16">
+  <path d="M8 16a2 2 0 0 0 2-2H6a2 2 0 0 0 2 2M8 1.918l-.797.161A4 4 0 0 0 4 6c0 .628-.134 2.197-.459 3.742-.16.767-.376 1.566-.663 2.258h10.244c-.287-.692-.502-1.49-.663-2.258C12.134 8.197 12 6.628 12 6a4 4 0 0 0-3.203-3.92zM14.22 12c.223.447.481.801.78 1H1c.299-.199.557-.553.78-1C2.68 10.2 3 6.88 3 6c0-2.42 1.72-4.44 4.005-4.901a1 1 0 1 1 1.99 0A5 5 0 0 1 13 6c0 .88.32 4.2 1.22 6"/>
+</svg>
\ No newline at end of file
diff --git a/app/assets/images/flag.svg b/app/assets/images/flag.svg
new file mode 100644
index 0000000..f8b6dab
--- /dev/null
+++ b/app/assets/images/flag.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-flag" viewBox="0 0 16 16">
+  <path d="M14.778.085A.5.5 0 0 1 15 .5V8a.5.5 0 0 1-.314.464L14.5 8l.186.464-.003.001-.006.003-.023.009a12 12 0 0 1-.397.15c-.264.095-.631.223-1.047.35-.816.252-1.879.523-2.71.523-.847 0-1.548-.28-2.158-.525l-.028-.01C7.68 8.71 7.14 8.5 6.5 8.5c-.7 0-1.638.23-2.437.477A20 20 0 0 0 3 9.342V15.5a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 1 0v.282c.226-.079.496-.17.79-.26C4.606.272 5.67 0 6.5 0c.84 0 1.524.277 2.121.519l.043.018C9.286.788 9.828 1 10.5 1c.7 0 1.638-.23 2.437-.477a20 20 0 0 0 1.349-.476l.019-.007.004-.002h.001M14 1.221c-.22.078-.48.167-.766.255-.81.252-1.872.523-2.734.523-.886 0-1.592-.286-2.203-.534l-.008-.003C7.662 1.21 7.139 1 6.5 1c-.669 0-1.606.229-2.415.478A21 21 0 0 0 3 1.845v6.433c.22-.078.48-.167.766-.255C4.576 7.77 5.638 7.5 6.5 7.5c.847 0 1.548.28 2.158.525l.028.01C9.32 8.29 9.86 8.5 10.5 8.5c.668 0 1.606-.229 2.415-.478A21 21 0 0 0 14 7.655V1.222z"/>
+</svg>
\ No newline at end of file
diff --git a/app/assets/images/newpost.svg b/app/assets/images/newpost.svg
new file mode 100644
index 0000000..964e855
--- /dev/null
+++ b/app/assets/images/newpost.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-plus" viewBox="0 0 16 16">
+  <path d="M8 6.5a.5.5 0 0 1 .5.5v1.5H10a.5.5 0 0 1 0 1H8.5V11a.5.5 0 0 1-1 0V9.5H6a.5.5 0 0 1 0-1h1.5V7a.5.5 0 0 1 .5-.5"/>
+  <path d="M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5z"/>
+</svg>
\ No newline at end of file
diff --git a/app/assets/images/pencil-square.svg b/app/assets/images/pencil-square.svg
new file mode 100644
index 0000000..d8433c6
--- /dev/null
+++ b/app/assets/images/pencil-square.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="black" class="bi bi-pencil-square" viewBox="0 0 16 16">
+  <path d="M15.502 1.94a.5.5 0 0 1 0 .706L14.459 3.69l-2-2L13.502.646a.5.5 0 0 1 .707 0l1.293 1.293zm-1.75 2.456-2-2L4.939 9.21a.5.5 0 0 0-.121.196l-.805 2.414a.25.25 0 0 0 .316.316l2.414-.805a.5.5 0 0 0 .196-.12l6.813-6.814z"/>
+  <path fill-rule="evenodd" d="M1 13.5A1.5 1.5 0 0 0 2.5 15h11a1.5 1.5 0 0 0 1.5-1.5v-6a.5.5 0 0 0-1 0v6a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 .5-.5H9a.5.5 0 0 0 0-1H2.5A1.5 1.5 0 0 0 1 2.5z"/>
+</svg>
\ No newline at end of file
diff --git a/app/assets/images/share.svg b/app/assets/images/share.svg
new file mode 100644
index 0000000..cf17966
--- /dev/null
+++ b/app/assets/images/share.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="dark" class="bi bi-share" viewBox="0 0 16 16">
+  <path d="M13.5 1a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3M11 2.5a2.5 2.5 0 1 1 .603 1.628l-6.718 3.12a2.5 2.5 0 0 1 0 1.504l6.718 3.12a2.5 2.5 0 1 1-.488.876l-6.718-3.12a2.5 2.5 0 1 1 0-3.256l6.718-3.12A2.5 2.5 0 0 1 11 2.5m-8.5 4a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3m11 5.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3"/>
+</svg>
\ No newline at end of file
diff --git a/app/assets/images/three-dots-vertical.svg b/app/assets/images/three-dots-vertical.svg
new file mode 100644
index 0000000..f5ef7d4
--- /dev/null
+++ b/app/assets/images/three-dots-vertical.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-three-dots-vertical" viewBox="0 0 16 16">
+  <path d="M9.5 13a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0"/>
+</svg>
\ No newline at end of file
diff --git a/app/assets/stylesheets/application.bootstrap.scss b/app/assets/stylesheets/application.bootstrap.scss
index fd23d4d..3fa778d 100644
--- a/app/assets/stylesheets/application.bootstrap.scss
+++ b/app/assets/stylesheets/application.bootstrap.scss
@@ -18,109 +18,3 @@ $primary: #a130fd;
 @import 'posts.scss';
 @import 'profile.scss';
 @import 'layout.scss';
-
-body{
-  min-width: 400px;
-}
-
-input[type="checkbox"]:checked {
-  background-color: #a130fd !important;
-}
-
-.feed-post:hover{
-  transform: scale(1.01, 1.01);
-  transition-duration: 300ms;
-}
-
-.img-cover{
-  object-fit: cover;
-  object-position: center;
-}
-
-.field_with_errors input{
-  border: 1px solid red !important;
-}
-
-.home_logo{
-  width: 12rem;
-  margin: 0 7rem 0 7rem;
-}
-
-.drop-menu{
-  margin-right: 2.5rem !important;
-}
-
-#searchText{
-  width: 380px !important;
-}
-
-.dropdown-menu[data-bs-popper]{
-  left: -20px !important;
-}
-
-.follower-card:hover{
-  transform: scale(1.01, 1.01);
-  transition-duration: 300ms;
-}
-  
-.profile-image{
-   min-width: 80px;
-}
-
-.trix-content{
-  color: rgb(10, 10, 10);
-}
-
-.dropdown-item:active {
-  background-color: #9030df !important; 
-}
-
-.categories{
-  width: 35% !important;
-}
-
-.highlighted {
-  transform: scale(1.01s);
-  background-color: hsla(256, 85%, 82%, 0.2);
-  box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.2);
-  transition: 
-              transform 1.5s ease-in-out,
-              box-shadow 1.5s ease-in-out,
-              background-color 1.5s ease-in-out;
-}
-
-[id^='comment_'] {
-  transform: reset;
-  background-color: reset;
-  box-shadow: reset;
-  transition: 
-              transform 1s ease-in-out,
-              box-shadow 1s ease-in-out,
-              background-color 1s ease-in-out;
-}
-
-.comment-message, .reply-form{
-  margin-left: 5.2rem !important;
-}
-
-.comment-actions{
-  margin-left: 5.0rem !important;
-}
-
-.reply-content{
-  margin-left: 4.5rem !important;
-}
-
-.reply-form{
-  min-width: 350px;
-}
-
-.reply-collapser{
-  margin-left: 4.8rem !important;
-  color: #065fd4 !important;
-  font-size: large;
-}
-
-.reply-content, .comment-message{
-  font-size: large;
-}
diff --git a/app/assets/stylesheets/layout.scss b/app/assets/stylesheets/layout.scss
index 23973fc..d1c3a24 100644
--- a/app/assets/stylesheets/layout.scss
+++ b/app/assets/stylesheets/layout.scss
@@ -1,5 +1,10 @@
+:root{
+  font-size: 0.8rem;
+}
+
 body{
   min-width: 400px;
+  background-color: #F6F7F8 !important;
 }
 
 ul{
@@ -26,3 +31,73 @@ input[type="checkbox"]:checked {
 .categories{
   width: 35% !important;
 }
+
+.most-followed-users{
+  size: 22rem;
+  margin-top: 0.15rem;
+}
+
+.home-cards-title{
+  margin-bottom: 2px !important;
+}
+
+.home-cards{
+  padding: 1rem !important;
+  margin-bottom: 2px !important;
+}
+
+.home-cards a{
+  text-decoration: none !important;
+}
+
+.highlighted {
+  transform: scale(1.01s);
+  background-color: hsla(256, 85%, 82%, 0.2);
+  box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.2);
+  transition: 
+              transform 1.5s ease-in-out,
+              box-shadow 1.5s ease-in-out,
+              background-color 1.5s ease-in-out;
+}
+
+[id^='comment_'] {
+  transform: reset;
+  background-color: reset;
+  box-shadow: reset;
+  transition: 
+              transform 1s ease-in-out,
+              box-shadow 1s ease-in-out,
+              background-color 1s ease-in-out;
+}
+
+.page-header{
+  margin: 0 -0.66rem 0 -0.66rem;
+}
+
+.search-result-title:hover{
+  text-decoration: underline !important;
+}
+
+.edit-button{
+  margin-left: 8rem !important;
+}
+
+.page-title{
+  margin-left: 15.4%;
+  margin-right: 15.4%;
+}
+
+.project-search{
+  margin-left: 24.9%;
+  margin-right: 24.9%;
+}
+
+.invitation-request-title{
+  margin-left: 7%;
+  margin-right: 7%;
+}
+
+.notifications{
+  margin-left: 21% !important;
+  margin-right: 21% !important;
+}
\ No newline at end of file
diff --git a/app/assets/stylesheets/navbar.scss b/app/assets/stylesheets/navbar.scss
index 06a2365..53866d4 100644
--- a/app/assets/stylesheets/navbar.scss
+++ b/app/assets/stylesheets/navbar.scss
@@ -8,4 +8,21 @@
 
 .dropdown-item:active {
   background-color: #9030df !important;
+}
+
+.personal-info-visibility{
+  list-style: disc !important;
+}
+
+.notification-badge{
+  position: absolute;
+  right: 5% !important;
+}
+
+.badge-container{
+  position: relative !important;
+}
+
+.dropdown-profile-picture{
+  width: 5rem !important;
 }
\ No newline at end of file
diff --git a/app/assets/stylesheets/posts.scss b/app/assets/stylesheets/posts.scss
index 6329e43..6de5c56 100644
--- a/app/assets/stylesheets/posts.scss
+++ b/app/assets/stylesheets/posts.scss
@@ -5,4 +5,49 @@
 
 .trix-content{
   color: rgb(10, 10, 10);
+  text-align: left !important;
+}
+
+.post-title{
+  font-size: 1.8rem;
+}
+
+figure.attachment{
+  width: 50% !important;
+}
+
+.share-link{
+  width: 15rem;
+}
+
+.home-publication-button{
+  width: 25vw !important;
+  margin-right: 5rem;
+  text-align: left !important;
+}
+
+.comment-message, .reply-form{
+  margin-left: 5.2rem !important;
+}
+
+.comment-actions{
+  margin-left: 5.0rem !important;
+}
+
+.reply-content{
+  margin-left: 4.5rem !important;
+}
+
+.reply-form{
+  min-width: 350px;
+}
+
+.reply-collapser{
+  margin-left: 4.8rem !important;
+  color: #065fd4 !important;
+  font-size: medium;
+}
+
+.reply-content, .comment-message{
+  font-size: small;
 }
\ No newline at end of file
diff --git a/app/assets/stylesheets/profile.scss b/app/assets/stylesheets/profile.scss
index f4e0f8e..4d1a0e1 100644
--- a/app/assets/stylesheets/profile.scss
+++ b/app/assets/stylesheets/profile.scss
@@ -3,11 +3,32 @@
   transition-duration: 300ms;
 }
   
-.profile-image{
-   min-width: 80px;
-}
-
 .img-cover{
   object-fit: cover;
   object-position: center;
+}
+
+.profile-header-title{
+  margin: 0 -0.66rem 0.66rem -0.66rem;
+}
+
+.profile-header-picture{
+  transform: translateY(-50%);
+}
+
+.profile-picture{
+  background-color: #F6F7F8 !important;
+}
+
+.profile-card-body{
+  color: #F6F7F8 !important;
+}
+
+.profile-info-content{
+  font-size: 1.11rem;
+  margin-left: 2.12rem;
+}
+
+.profile-info-title{
+  margin-left: 2rem !important;
 }
\ No newline at end of file
diff --git a/app/helpers/posts_helper.rb b/app/helpers/posts_helper.rb
index e09f6ef..da4665d 100644
--- a/app/helpers/posts_helper.rb
+++ b/app/helpers/posts_helper.rb
@@ -12,4 +12,12 @@ def date_fixer(post)
   def content_fixer(post)
     post.content.to_plain_text.truncate(300, separator: ' ').gsub(/\[[^\]]+\.\w+\]/, '')
   end
+
+  def get_tags(amount)
+    tags = []
+    Post.last(amount).each do |post|
+      tags.concat(post.tag_list)
+    end
+    tags.last(11).uniq
+  end
 end
diff --git a/app/views/connections/_connection_cards.html.erb b/app/views/connections/_connection_cards.html.erb
index d48083b..7a948fc 100644
--- a/app/views/connections/_connection_cards.html.erb
+++ b/app/views/connections/_connection_cards.html.erb
@@ -2,9 +2,11 @@
   <div class="card-body row justify-content-center align-items-center">
     <div class="col-md-3 col-sm-3 profile-image">
       <% if connection_profile.photo.present? %>
-        <%= image_tag connection_profile.photo_attachment, width: '85rem', alt: 'Foto de perfil', class: 'rounded rounded-circle px-2' %>
+        <div class="ratio ratio-1x1 rounded-circle overflow-hidden">
+          <%= image_tag connection_profile.photo_attachment, width: '85rem', alt: 'Foto de perfil', class: 'img-cover profile-picture rounded rounded-circle px-2' %>
+        </div>
       <% else %>
-        <%= image_tag 'default_portfoliorrr_photo.png', width: '85rem', alt: 'Foto de perfil', class: 'rounded rounded-circle px-2' %>
+        <%= image_tag 'default_portfoliorrr_photo.png', width: '85rem', alt: 'Foto de perfil', class: 'profile-picture rounded rounded-circle px-2' %>
       <% end %>
     </div>
     <div class="col-md-6">
@@ -14,7 +16,7 @@
             <p class="card-text fw-bold"><%= job.position %> | <%= job.company %></p>
           <% end %>
         <% else %>
-          <p class="card-text fw-bold"><%= t Profile.human_attribute_name("work_status.#{connection_profile.work_status}") %></p>
+          <p class="card-text fw-bold"><%= connection_profile.cover_letter%></p>
         <% end %>
     </div>
   </div>
diff --git a/app/views/home/index.html.erb b/app/views/home/index.html.erb
index 0488c38..b7dbb37 100644
--- a/app/views/home/index.html.erb
+++ b/app/views/home/index.html.erb
@@ -1,41 +1,74 @@
 <div class="container">
   <% if user_signed_in? %>
     <div class="row">
-      <section class="col-md-9 y-5">
-        <h2><%= t('.feed') %></h2>
+      <section class="col-md-9">
+         <div class="border bg-white rounded mb-5 d-flex align-items-center justify-content-center page-header">
+          <%= link_to current_user.profile, class: 'd-flex justify-content-center w-25' do %>
+            <% if current_user.profile.photo.present? && current_user.profile.valid? %>
+              <div class="ratio ratio-1x1 rounded-circle overflow-hidden w-50 my-3">
+                <%= image_tag current_user.profile.photo, alt: t('.alt_text'), class: 'img-cover rounded-circle' %>
+              </div>
+            <% else %>
+              <%= image_tag 'default_portfoliorrr_photo.png', alt: t('.alt_text'), class: 'rounded-circle my-3 w-50' %>
+            <% end %>
+          <% end %>
+          <div>
+            <%= button_to new_post_path, data: { turbo: false }, method: :get, class: 'btn btn-outline-primary rounded-5 py-3 home-publication-button mt-2 fw-bold' do %>
+              <span class="mx-3 text-decoration-underline"><%=t('posts.new.new_post_home')%></span>
+            <% end %>
+          </div>
+        </div>
+        <h3>Últimas postagens</h3>
         <% if current_user.profile.followed_count > 0 %>
           <% if @followed_posts.any? %>
-            <div>
+            <div class="border-top border-dark-subtle pt-5">
               <%= render partial: 'posts/listing', locals: { posts: @followed_posts.each } %>
             </div>
           <% else %>
-            <div>
-              <h4> <%= t('.what_people_are_posting') %>: </h4>
+            <div class="border-top border-dark-subtle pt-5">
+              <h5> <%= t('.what_people_are_posting') %>: </h5>
               <%= render partial: 'posts/listing', locals: { posts: @posts } %>
             </div>
           <% end %>
         <% else %>
-          <div>
-            <h4> <%= t('.follow_someone') %> </h4>
+          <div class="border-top border-dark-subtle pt-5">
+            <h5> <%= t('.follow_someone') %> </h5>
             <%= render partial: 'posts/listing', locals: { posts: @posts } %>
           </div>
         <% end %>
       </section>
 
-      <aside class="col-md-3">
-        <h2> <%= t('.most_followed') %> </h2>
-
-        <div style="width: 18rem;">
+      <aside class="home-aside-container col-md-3">
+        <div class="most-followed-users">
+          <h3 class="home-cards-title bg-white text-center py-4 my-0 rounded-1"> <%= t('.most_followed') %> </h3>
           <% @most_followed.each do |profile| %>
-            <div class="card mb-3 bg-light-subtle text-center">
-              <div class="card-body">
-                <h5 class="card-title"><%= profile.full_name %></h5>
-                <p class="card-text"><%= profile.followers_count %> <%= t('followers', count: profile.followers_count) %></p>
-                <a href="<%= profile_path(profile) %>" class="btn btn-primary"> <%= t('.view_profile_btn') %> </a>
-              </div>
+            <div class="bg-white text-center home-cards my-0 py-0 rounded-1">
+              <%= link_to profile_path(profile), class: 'row' do %>
+                <% if profile.photo.present? && profile.valid? %>
+                  <div class="ratio ratio-1x1 rounded-circle overflow-hidden w-25">
+                    <%= image_tag profile.photo, alt: t('.alt_text'), width: '70rem', class: 'profile-picture img-cover rounded-circle mx-auto mt-2 col-md-4' %>
+                  </div>
+                <% else %>
+                  <%= image_tag 'default_portfoliorrr_photo.png', width: '70rem', alt: t('.alt_text'), class: 'rounded-circle mx-auto mt-2 col-md-4' %>
+                <% end %>
+                <div class="col-md-8 mt-4">
+                  <h5><%= profile.full_name %></h5>
+                  <p class="text-dark"><%= profile.followers_count %> <%= t('followers', count: profile.followers_count) %></p>
+                </div>
+              <% end %>
             </div>
           <% end %>
         </div>
+        <div>
+          <h3 class="text-center home-cards-title bg-white text-center py-4 my-0 rounded-1 mt-4">Publicado recentemente</h3>
+          <div class="d-flex flex-column">
+            <% get_tags(10).uniq.each do |tag| %>
+              <%= link_to searches_path(query: "##{tag}"), class:"bg-white text-center home-cards my-0 py-0 rounded-1" do %>
+                <h6>#<%= tag %></h6>
+              <% end %>
+            <% end %>
+          </div>
+        </div>
       </aside>
     </div>
   <% else %>
diff --git a/app/views/invitation_requests/index.html.erb b/app/views/invitation_requests/index.html.erb
index 6d8d007..0f8ce04 100644
--- a/app/views/invitation_requests/index.html.erb
+++ b/app/views/invitation_requests/index.html.erb
@@ -1,4 +1,4 @@
-<h2 class="text-center mb-5"><%= InvitationRequest.model_name.human(count: @invitation_request_infos.length) %></h2>
+<h2 class="invitation-request-title border-bottom border-dark mb-5"><%= InvitationRequest.model_name.human(count: @invitation_request_infos.length) %></h2>
 
 <% if current_user.subscription.inactive? %>
   <div class="text-center become-premium-div mt-5">
@@ -20,7 +20,7 @@
 
       <% if @invitation_request_infos.any? %>
         <% @invitation_request_infos.each do |invitation_request| %>
-          <div class="col-5 rounded border p-3" id="request_<%= invitation_request.id %>">
+          <div class="col-5 rounded border bg-white p-3" id="request_<%= invitation_request.id %>">
             <div class="card-body">
               <div class="d-flex flex-column gap-4">
                 <div class="d-flex flex-column gap-2">
diff --git a/app/views/invitations/index.html.erb b/app/views/invitations/index.html.erb
index b6d9679..24f2870 100644
--- a/app/views/invitations/index.html.erb
+++ b/app/views/invitations/index.html.erb
@@ -1,7 +1,7 @@
 <div class="container">
   <div class="row">
     <section>
-      <h2 class="text-center"><%= Invitation.model_name.human(count: 2) %></h2>
+      <h2 class="border-bottom border-dark mb-3"><%= Invitation.model_name.human(count: 2) %></h2>
 
       <div class="nav-scroller border-bottom mb-4">
         <nav class="d-flex nav nav-underline">          
@@ -19,7 +19,7 @@
           <p class="text-center"> <%= t('.empty_state') %> </p>
         <% else %>
           <% @invitations.each do |invitation| %>
-            <div class="col-md-5 p-4 m-4 rounded border w-25">
+            <div class="col-md-5 p-4 m-4 rounded border w-25 bg-white">
               <%= link_to invitation_path(invitation), class: "text-decoration-none" do %>
                 <div class="card-body">
                   <h4 class="text-break text-dark"><%= invitation.project_title %></h4>
diff --git a/app/views/invitations/show.html.erb b/app/views/invitations/show.html.erb
index 7ce9ebb..705aa6c 100644
--- a/app/views/invitations/show.html.erb
+++ b/app/views/invitations/show.html.erb
@@ -1,7 +1,7 @@
-<h2 class="text-center"><%= Invitation.model_name.human %></h2>
 
 <div class="col-md-6 offset-md-3">
-  <div class="card shadow rounded">
+  <div class="card text-center rounded">
+    <h2 class="text-center"><%= Invitation.model_name.human %></h2>
     <div class="card-body">
       <h4 class="text-break text-primary"><%= @invitation.project_title %></h4>
       
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index 8676f77..90e6015 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -22,7 +22,7 @@
           </div>
         <% end %>
         <% if notice %>
-          <div class="alert bg-primary-subtle text-center fw-bold" role="alert">
+          <div class="alert bg-success-subtle text-center fw-bold" role="alert">
             <%= notice %>
           </div>
         <% end %>
diff --git a/app/views/notifications/index.html.erb b/app/views/notifications/index.html.erb
index 4b08d24..daa1188 100644
--- a/app/views/notifications/index.html.erb
+++ b/app/views/notifications/index.html.erb
@@ -1,9 +1,9 @@
+<h2 class="notifications border-bottom border-dark"><%= Notification.model_name.human(count: 2) %></h2>
 <div class="container d-flex flex-column align-items-center">
-  <h2><%= Notification.model_name.human(count: 2) %></h2>
   <% if @notifications.any? %>
     <ul class="list-group list-group-action">
       <% @notifications.each do |notification| %>
-        <li class="list-group-item <%= 'list-group-item-primary' if notification.seen? %> ">
+        <li class="list-group-item <%= 'list-group-item-secondary' if notification.seen? %> ">
           <%= button_to notification_path(notification), method: :patch, class: 'btn btn-link' do %>
             <%= render( partial: "#{notification.notifiable.class.name.downcase}",
                         locals: { notification: notification } ) %>
diff --git a/app/views/posts/_form.html.erb b/app/views/posts/_form.html.erb
index f9a9503..e4948e7 100644
--- a/app/views/posts/_form.html.erb
+++ b/app/views/posts/_form.html.erb
@@ -9,21 +9,27 @@
     <%= f.rich_text_area :content, id: 'conteudo', class: 'form-control' %>
   </div>
 
-  <div class="form-group my-3">
-    <%= f.label :status_published, class: 'form-check-label' %>
-    <%= f.radio_button :status, 'published', class: 'me-2 form-check-input' %> <br>
-
-    <%= f.label :status_draft, class: 'form-check-label' %>
-    <%= f.radio_button :status, 'draft', class:'me-2 form-check-input' %> <br>
-
-    <%= f.label :status_archived, class: 'form-check-label' %>
-    <%= f.radio_button :status, 'archived', class:'me-2 form-check-input' %> <br>
+  <div class="form-group my-3 d-flex flex-column">
+    <div>
+      <%= f.radio_button :status, 'published', class: 'me-2 form-check-input' %>
+      <%= f.label :status_published, class: 'form-check-label' %>
+    </div>
+    <div>
+      <%= f.radio_button :status, 'draft', class:'me-2 form-check-input' %>
+      <%= f.label :status_draft, class: 'form-check-label' %>
+    </div>
+    <div>
+      <%= f.radio_button :status, 'archived', class:'me-2 form-check-input' %>
+      <%= f.label :status_archived, class: 'form-check-label' %>
+    </div>
     
-    <% if !@post.published? || request.path == new_post_path %>
-      <%= f.label :status_scheduled, class: 'form-check-label' %>
-      <%= f.radio_button :status, 'scheduled', class: 'me-2 form-check-input mb-3' %>
-      <%= f.datetime_field :published_at, class: 'form-control w-25' %>
-    <% end %>
+    <div>
+      <% if !@post.published? || request.path == new_post_path %>
+        <%= f.radio_button :status, 'scheduled', class: 'me-2 form-check-input mb-3' %>
+        <%= f.label :status_scheduled, class: 'form-check-label' %>
+        <%= f.datetime_field :published_at, class: 'form-control w-25' %>
+      <% end %>
+    </div>
   </div>
 
   <div class="form-group">
diff --git a/app/views/posts/_listing.html.erb b/app/views/posts/_listing.html.erb
index 69c2728..5a85c5a 100644
--- a/app/views/posts/_listing.html.erb
+++ b/app/views/posts/_listing.html.erb
@@ -1,8 +1,8 @@
 <% posts.each do |post| %>
-  <div class="feed-post shadow mb-4 p-3 rounded row" id="post-list">
+  <div class="feed-post mb-3 p-3 rounded row bg-white border" id="post-list">
     <%= link_to post, class: "text-decoration-none link-dark col-md-10" do %>
       <div class="card-body">
-        <h4 class="text-break text-primary"><%= post.title %></h4>
+        <h4 class="text-break text-primary mb-5"><%= post.title %></h4>
         <% if post.exists_image_attached? %>
           <%= image_tag post.first_image_attached.representation(resize_to_limit: [ 1024, 300 ]), class:"img-fluid rounded mx-auto d-block mb-2"  %>
         <% end %>
diff --git a/app/views/posts/show.html.erb b/app/views/posts/show.html.erb
index 5c6c522..b1c03b0 100644
--- a/app/views/posts/show.html.erb
+++ b/app/views/posts/show.html.erb
@@ -1,14 +1,26 @@
 <div class="card text-muted">
   <div class="card-body">
-    <h2 class="card-title"><%= @post.title %></h2>
-    <div class="my-4 d-flex gap-1">
+    <div class="mb-3 d-flex justify-content-between">
+      <h2 class="card-title post-title"><%= @post.title %></h2>
       <% if current_user == @post.user %>
-        <%= link_to t('edit_btn'), edit_post_path(@post), class: 'btn btn-primary', data: { turbo: false } %>
-        <%= button_to t('publish_btn'), publish_post_path(@post), method: :patch,
-          class: 'btn btn-primary', data: { turbo: false } if @post.scheduled? %>
-        <%= Post.human_attribute_name @post.status %>
+        <div class="d-flex flex-column">
+          <%= link_to t('edit_btn'), edit_post_path(@post), class: 'btn btn-primary py-0', data: { turbo: false } %>
+          <%= button_to t('publish_btn'), publish_post_path(@post), method: :patch,
+            class: 'btn btn-primary py-0', data: { turbo: false } if @post.scheduled? %>
+          <span><%= Post.human_attribute_name @post.status %></span>
+        </div>
       <% else %>
-        <%= link_to t('reports.report_btn'), new_report_path(reportable: @post, reportable_type: @post.class), class: 'btn btn-secondary btn-sm' %>
+        <div class="dropdown">
+          <button type="button" data-bs-toggle="dropdown" aria-expanded="false" class="bg-white rounded-5 border-0" id="report-post-dropdown">
+            <%= image_tag 'three-dots-vertical'%>
+          </button>
+          <div class="dropdown-menu">
+            <%= link_to new_report_path(reportable: @post, reportable_type: @post.class), class: 'btn btn-secondary btn-sm dropdown-item' do %>
+              <%= image_tag 'flag' %>
+              <span class="mx-2"><%= t('reports.report_btn') %></span>
+            <% end %>
+          </div>
+        </div>
       <% end %>
     </div>
 
@@ -45,18 +57,29 @@
       <% end %>
     </p>
 
-    <div class="btn-group">
-      <% if @liked %>
-        <%= button_to post_like_path(@post, @liked), method: :delete, class: 'btn btn-sm', id: 'unlike' do %>
-          <%= image_tag 'thumbs-up-solid', width: '20rem' %>
-        <% end %>
-      <% else %>
-        <%= button_to post_likes_path(@post), method: :post, class: 'btn btn-sm', id: 'like' do %>
-          <%= image_tag 'thumbs-up-regular', width: '20rem' %>
-        <% end %>
-      <% end %>
-      <div class="me-2 mt-2">
+    <div class="btn-group d-flex justify-content-between">
+      <div class="me-2 mt-2 d-flex align-items-center">
         <%= @likes_count %> <%= Like.model_name.human(count: @likes_count) %>
+        <% if @liked %>
+          <%= button_to post_like_path(@post, @liked), method: :delete, class: 'btn btn-sm', id: 'unlike' do %>
+            <%= image_tag 'thumbs-up-solid', width: '20rem' %>
+          <% end %>
+        <% else %>
+          <%= button_to post_likes_path(@post), method: :post, class: 'btn btn-sm', id: 'like' do %>
+            <%= image_tag 'thumbs-up-regular', width: '20rem' %>
+          <% end %>
+        <% end %>
+      </div>
+      <div class="dropdown">
+        <button type="button" class="btn btn-outline-primary rounded-5" data-bs-toggle="dropdown" aria-expanded="false" data-bs-auto-close="outside">
+          <%= image_tag 'share' %> <%= t('posts.share')%>
+        </button>
+        <form class="dropdown-menu p-4">
+          <div class="mb-3 share-link">
+            <label for="dropdownShare" class="form-label">Link</label>
+            <input type="text" class="form-control" id="dropdownShare" value = <%= request.url %>>
+          </div>
+        </form>
       </div>
     </div>
   </div>
@@ -74,15 +97,25 @@
   </div>
   <% @post.comments.each do |comment| %>
     <% if comment.removed?%>
-      <p><%= t('comments.removed_content') %> </p>
+    <footer class="mx-3">
+      <h5>
+        <% if comment.user.profile.photo.present? %>
+          <%= image_tag comment.user.profile.photo, alt: 'Foto de perfil', width: '35rem', class: 'profile-picture rounded-circle mx-3' %>
+        <% else %>
+          <%= image_tag 'default_portfoliorrr_photo.png', alt: 'Foto de perfil', width: '35rem', class: 'profile-picture rounded-circle mx-3' %>
+        <% end %>
+        <%= link_to comment.user.full_name, comment.user.profile %> <%= '(autor)' if comment.user == @post.user %>
+      </h5>
+      <p class="comment-message"><%= t('comments.removed_content') %> </p>
+    </footer>
     <% else %>
       <div class="card-body" id="<%= dom_id(comment) %>">
         <footer>
           <h5>
             <% if comment.user.profile.photo.present? %>
-              <%= image_tag comment.user.profile.photo, alt: 'Foto de perfil', width: '35rem', class: 'rounded-circle mx-3' %>
+              <%= image_tag comment.user.profile.photo, alt: 'Foto de perfil', width: '35rem', class: 'profile-picture rounded-circle mx-3' %>
             <% else %>
-              <%= image_tag 'default_portfoliorrr_photo.png', alt: 'Foto de perfil', width: '35rem', class: 'rounded-circle mx-3' %>
+              <%= image_tag 'default_portfoliorrr_photo.png', alt: 'Foto de perfil', width: '35rem', class: 'profile-picture rounded-circle mx-3' %>
             <% end %>
             <%= link_to comment.user.full_name, comment.user.profile %> <%= '(autor)' if comment.user == @post.user %>
           </h5>
@@ -104,11 +137,19 @@
                     <% end %>
                   <% end %>
                   <span><%= comment.likes.count %> <%= Like.model_name.human(count: comment.likes.count) %></span>
-                  <button onClick="showForm(<%= comment.id %>)" class="btn btn-outline-primary rounded-5 border-0 mx-2"><%= t('reply')%></button> 
+                  <button onClick="showForm(<%= comment.id %>)" class="btn btn-outline-primary rounded-5 border-0 mx-1"><%= t('reply')%></button> 
                   <% if current_user != comment.user %>
-                    <div class="report-link-wrapper mt-3">
-                      <p><%= link_to t('reports.report_btn'), new_report_path(reportable: comment, reportable_type: comment.class), class: 'btn btn-secondary btn-sm' %></p>
+                    <div class="dropdown">
+                      <button type="button" data-bs-toggle="dropdown" aria-expanded="false" class="bg-white rounded-5 border-0" id="report-comment-dropdown">
+                        <%= image_tag 'three-dots-vertical'%>
+                      </button>
+                    <div class="dropdown-menu">
+                      <%= link_to new_report_path(reportable: comment, reportable_type: comment.class), class: 'btn btn-secondary btn-sm dropdown-item' do %>
+                        <%= image_tag 'flag' %>
+                        <span class="mx-2"><%= t('reports.report_btn') %></span>
+                      <% end %>
                     </div>
+                  </div>
                   <% end %>
                 </div>
                 <div class="reply-form">
@@ -135,9 +176,9 @@
                     <% comment.replies.each do |reply| %>
                       <h6 class="mt-2">
                         <% if reply.user.profile.photo.present? %>
-                          <%= image_tag reply.user.profile.photo, alt: 'Foto de perfil', width: '30rem', class: 'rounded-circle mx-3' %>
+                          <%= image_tag reply.user.profile.photo, alt: 'Foto de perfil', width: '30rem', class: 'profile-picture rounded-circle mx-3' %>
                         <% else %>
-                          <%= image_tag 'default_portfoliorrr_photo.png', alt: 'Foto de perfil', width: '30rem', class: 'rounded-circle mx-3' %>
+                          <%= image_tag 'default_portfoliorrr_photo.png', alt: 'Foto de perfil', width: '30rem', class: 'profile-picture rounded-circle mx-3' %>
                         <% end %>
                         <%= link_to reply.user.full_name, reply.user.profile %> <%= '(autor)' if reply.user == @post.user %>
                         <small datetime="<%= reply.created_at.to_datetime %>">
@@ -161,8 +202,15 @@
                             <%= reply.likes.count %> <%= Like.model_name.human(count: reply.likes.count) %>
                           </div>
                           <% if current_user != reply.user %>
-                            <div class="report-link-wrapper mt-3">
-                              <p><%= link_to t('reports.report_btn'), new_report_path(reportable: reply, reportable_type: reply.class), class: 'btn btn-secondary btn-sm' %></p>
+                            <div class="dropdown">
+                              <button type="button" data-bs-toggle="dropdown" aria-expanded="false" class="bg-white rounded-5 border-0" id="report-reply-dropdown">
+                                <%= image_tag 'three-dots-vertical'%>
+                              </button>
+                            <div class="dropdown-menu">
+                              <%= link_to new_report_path(reportable: reply, reportable_type: reply.class), class: 'btn btn-secondary btn-sm dropdown-item' do %>
+                                <%= image_tag 'flag' %>
+                                <span class="mx-2"><%= t('reports.report_btn') %></span>
+                              <% end %>
                             </div>
                           <% end %>
                         </div>
diff --git a/app/views/profile/_profile.html.erb b/app/views/profile/_profile.html.erb
deleted file mode 100644
index fcd5fec..0000000
--- a/app/views/profile/_profile.html.erb
+++ /dev/null
@@ -1,105 +0,0 @@
-<div>
-  <% user_is_owner = profile.user == current_user %>
-  <br>
-  <p><%= profile.user.email %></p>
-
-  <h5><%= profile.cover_letter %></h5><br>
-
-  <% if profile.personal_info[:visibility] || user_is_owner %>
-    <h3><%= PersonalInfo.model_name.human %></h3>
-    <%= render 'profile/personal_info', personal_info: personal_info, user_is_owner: user_is_owner %>
-  <% end %>
-
-  <%= link_to t('profiles.profile.edit_personal_info'), edit_user_profile_path, class:'btn btn-secondary' if user_is_owner %>
-
-  <% if profile.professional_infos.visibles_list.any? || user_is_owner %>
-    <h3 class='mt-5'><%= ProfessionalInfo.model_name.human %></h3>
-  <% end %>
-
-  <p>
-    <%= link_to t('profiles.profile.add_professional_info'), new_user_profile_professional_info_path, class:'btn btn-primary' if user_is_owner %>
-  </p>
-  <% professional_infos.each do |professional_info| %>
-    <% if professional_info.visibility || user_is_owner %>
-      <h4>
-        <%= ProfessionalInfo.human_attribute_name(:company) %>: <%= professional_info.company %>
-      </h4>
-      <ul>
-        <li>
-          <%= ProfessionalInfo.human_attribute_name(:current_job) %>: <%= t(professional_info.current_job) %>
-        </li>
-        <li>
-          <%= ProfessionalInfo.human_attribute_name(:position) %>: <%= professional_info.position %>
-        </li>
-        <li>
-          <%= ProfessionalInfo.human_attribute_name(:description) %>: <%= professional_info.description %>
-        </li>
-        <li>
-          <%= ProfessionalInfo.human_attribute_name(:start_date) %>: <%= l professional_info.start_date if professional_info.start_date%>
-        </li>
-        <li>
-          <%= ProfessionalInfo.human_attribute_name(:end_date) %>: <%= l professional_info.end_date if professional_info.end_date %>
-        </li>
-        <% if user_is_owner %>
-          <li>
-            <%= ProfessionalInfo.human_attribute_name(:visibility) %>: <%= t(professional_info.visibility) %>
-          </li>
-        <% end %>
-      </ul>
-    <% end %>
-    <p>
-      <%= link_to t('profiles.profile.edit_professional_info'), edit_professional_info_path(professional_info), class:'btn btn-secondary' if user_is_owner %>
-    </p>
-  <% end %>
-
-  <% if profile.education_infos.visibles_list.any? || user_is_owner %>
-    <h3 class='mt-5'><%= EducationInfo.model_name.human %></h3>
-  <% end %>
-
-  <p>
-    <%= link_to t('profiles.profile.add_educational_info'), new_user_profile_education_info_path, class:'btn btn-primary' if user_is_owner %>
-  </p>
-    <% profile.education_infos.each do |education_info| %>
-      <% if education_info.visibility || user_is_owner %>
-        <h4>
-          <%= EducationInfo.human_attribute_name(:institution) %>: <%= education_info.institution %>
-        </h4>
-        <ul>
-          <li>
-            <%= EducationInfo.human_attribute_name(:course) %>: <%= education_info.course %>
-          </li>
-          <li>
-            <%= EducationInfo.human_attribute_name(:start_date) %>: <%= l education_info.start_date if education_info.start_date%>
-          </li>
-          <li>
-            <%= EducationInfo.human_attribute_name(:end_date) %>: <%= l education_info.end_date if education_info.end_date %>
-          </li>
-          <% if user_is_owner %>
-            <li>
-              <%= EducationInfo.human_attribute_name(:visibility) %>: <%= t(education_info.visibility) %>
-            </li>
-          <% end %>
-        </ul>
-      <% end %>
-      <p>
-        <%= link_to t('profiles.profile.edit_educational_info'), edit_education_info_path(education_info), class:'btn btn-secondary' if user_is_owner %>
-      </p>
-    <% end %>
-</div>
-<div id='profile-job-categories'>
-  <% if profile.profile_job_categories.any? || user_is_owner %>
-    <h3><%= t('content.section_title') %></h3>
-  <% end %>
-
-  <%= link_to t('links.new_profile_job_category_path'), new_profile_job_category_path, class:'btn btn-primary' if user_is_owner %>
-  <div class='mt-2'>
-    <% profile.profile_job_categories.each do |profile_job_category| %>
-      <p><strong><%= profile_job_category.job_category.name %></strong></p>
-      <% if profile_job_category.description.present? %>
-        <p><%= profile_job_category.description %></p>
-      <% else %>
-        <p><%= t('content.profile_job_category_without_description') %></p>
-      <% end %>
-    <% end %>
-  </div>
-</div>
diff --git a/app/views/profiles/_personal_info.html.erb b/app/views/profiles/_personal_info.html.erb
index 2841028..93e3076 100644
--- a/app/views/profiles/_personal_info.html.erb
+++ b/app/views/profiles/_personal_info.html.erb
@@ -1,14 +1,14 @@
-<ul>
+<ul class="mx-2">
   <% if personal_info.has_key?('visibility') && user_is_owner %>
-    <li class="fs-5 mb-3">
-      <span class="fw-bold"><%= t(personal_info['visibility'] ? 'visibility.true' : 'visibility.false') %></span>
+    <li class="fs-5 mb-3 personal-info-visibility">
+      <span class="fw-semibold"><%= t(personal_info['visibility'] ? 'visibility.true' : 'visibility.false') %></span>
     </li>
   <% end %>
   <% personal_info.each do |attribute, value| %>    
     <% next if attribute == 'visibility' %>
       <% new_value = (value && attribute == 'birth_date') ? l(value.to_date) : value  %>
     <li>
-      <span class="fw-bold"><%= PersonalInfo.human_attribute_name(attribute) %></span>:
+      <span class="fw-semibold"><%= PersonalInfo.human_attribute_name(attribute) %></span>:
       <%= info_fixer(new_value) %>
     </li>
   <% end %>
diff --git a/app/views/profiles/_profile_details.html.erb b/app/views/profiles/_profile_details.html.erb
index 26295a2..73b62e9 100644
--- a/app/views/profiles/_profile_details.html.erb
+++ b/app/views/profiles/_profile_details.html.erb
@@ -1,118 +1,124 @@
 <div>
   <% user_is_owner = profile.user == current_user %>
   <br>
-  <div class="border py-1 px-2 rounded mb-3">
-    <div class="d-flex gap-1">
-      <%= image_tag 'about-icon', width: '23rem', class: 'mb-2'  %>
-      <h3><%= Profile.human_attribute_name(:cover_letter) %></h3>
-    </div>
-    <h5><%= profile.cover_letter %></h5><br>
-  </div>
-
   <% if profile.personal_info[:visibility] || user_is_owner %>
-    <div class="border py-1 px-2 rounded mb-3">
+    <div class="border p-3 rounded mb-3 bg-white">
+      <div class="d-flex gap-1">
+        <%= image_tag 'about-icon', width: '23rem', class: 'mb-2'  %>
+        <h4><%= Profile.human_attribute_name(:cover_letter) %></h4>
+      </div>
+      <p class="profile-info-content pb-0 mb-0"><%= profile.cover_letter %></p>
+    </div>
+    <div class="border p-3 rounded mb-3 bg-white">
       <div class="d-flex gap-1">
         <%= image_tag 'person-fill', width: '28rem', class: 'mb-2' %>
         <h3><%= PersonalInfo.model_name.human %></h3>  
+        <% if user_is_owner %>
+          <%= link_to edit_user_profile_path, id: 'edit-personal-info', class:'edit-button btn btn-outline-info border-0 p-2 rounded-5' do %>
+            <%= image_tag 'pencil-square', width: '20 rem' %>
+          <% end %>
+        <% end %>
       </div>
       <%= render 'personal_info', personal_info: personal_info, user_is_owner: user_is_owner %>
-      <%= link_to 'Editar Informações Pessoais', edit_user_profile_path, class:'btn btn-secondary mx-4 mb-3' if user_is_owner %>
     </div>
   <% end %>
 
-  <div class="border py-1 px-2 rounded mb-3">
-    <% if profile.professional_infos.visibles_list.any? || user_is_owner %>
+  <% if profile.professional_infos.visibles_list.any? || user_is_owner %>
+    <div class="border p-3 rounded mb-3 bg-white">
       <div class="d-flex gap-1">
         <%= image_tag 'briefcase-solid', width: '24rem', class: 'mb-2 mx-1' %>
         <h3><%= ProfessionalInfo.model_name.human %></h3>
       </div>
-    <% end %>
-    
-    <p>
-      <%= link_to 'Adicionar Experiência Profissional', new_user_profile_professional_info_path, class:'btn btn-primary' if user_is_owner %>
-    </p>
-    <% professional_infos.each do |professional_info| %>
-      <% if professional_info.visibility || user_is_owner %>
-        <h4>
-          <%= ProfessionalInfo.human_attribute_name(:company) %>: <%= professional_info.company %>
-        </h4>
-        <ul>
+      <p>
+        <%= link_to 'Adicionar Experiência Profissional', new_user_profile_professional_info_path, class:'btn btn-primary rounded-5 mt-3' if user_is_owner %>
+      </p>
+      <% professional_infos.each do |professional_info| %>
+        <% if professional_info.visibility || user_is_owner %>
           <% if user_is_owner %>
             <li class="fs-5 mb-3">
-              <span class="fw-bold"><%= t(professional_info['visibility'] ? 'visibility.true' : 'visibility.false') %></span>
+              <span class="fw-semibold"><%= t(professional_info['visibility'] ? 'visibility.true' : 'visibility.false') %></span>
+              <% if user_is_owner %>
+                <%= link_to edit_professional_info_path(professional_info), id: 'edit-professional-info', class:'edit-button btn btn-outline-info border-0 p-2 rounded-5' do %>
+                  <%= image_tag 'pencil-square', width: '20 rem' %>
+                <% end %>
+              <% end %>
             </li>
           <% end %>
-          <li>
-            <span class="fw-bold"><%= ProfessionalInfo.human_attribute_name(:current_job) %></span>: <%= t(professional_info.current_job) %>
-          </li>
-          <li>
-            <span class="fw-bold"><%= ProfessionalInfo.human_attribute_name(:position) %></span>: <%= professional_info.position %>
-          </li>
-          <li>
-            <span class="fw-bold"><%= ProfessionalInfo.human_attribute_name(:description) %></span>: <%= professional_info.description %>
-          </li>
-          <li>
-            <span class="fw-bold"><%= ProfessionalInfo.human_attribute_name(:start_date) %></span>: <%= l professional_info.start_date if professional_info.start_date%>
-          </li>
-          <li>
-            <span class="fw-bold"><%= ProfessionalInfo.human_attribute_name(:end_date) %></span>: <%= l professional_info.end_date if professional_info.end_date %>
-          </li>
-        </ul>
+          <div>
+            <h5 class="fw-semibold profile-info-title"><%= ProfessionalInfo.human_attribute_name(:position) %>: <%= professional_info.position %></h5>
+            <h6 class="profile-info-title">
+              <%= ProfessionalInfo.human_attribute_name(:company) %>: <%= professional_info.company %>
+            </h6>
+          </div>
+          <ul>
+            <li>
+              <span class="fw-semibold"><%= ProfessionalInfo.human_attribute_name(:current_job) %></span>: <%= t(professional_info.current_job) %>
+            </li>
+            <li>
+              <span class="fw-semibold"><%= ProfessionalInfo.human_attribute_name(:description) %></span>: <%= professional_info.description %>
+            </li>
+            <li>
+              <span class="fw-semibold"><%= ProfessionalInfo.human_attribute_name(:start_date) %></span>: <%= l professional_info.start_date if professional_info.start_date%>
+            </li>
+            <li>
+              <span class="fw-semibold"><%= ProfessionalInfo.human_attribute_name(:end_date) %></span>: <%= l professional_info.end_date if professional_info.end_date %>
+            </li>
+          </ul>
+        <% end %>
       <% end %>
-      <p>
-        <%= link_to 'Editar Experiência Profissional', edit_professional_info_path(professional_info), class:'btn btn-secondary' if user_is_owner %>
-      </p>
-    <% end %>
-  </div>
+    </div>
+  <% end %>
   
-  <div class="border py-1 px-2 rounded mb-3">
     <% if profile.education_infos.visibles_list.any? || user_is_owner %>
+    <div class="border p-3 rounded mb-3 bg-white">
       <div class="d-flex gap-2">
         <%= image_tag 'user-graduate-solid', width: '24rem', class: 'mb-2 mx-1' %>
         <h3><%= EducationInfo.model_name.human %></h3>
       </div>
     <% end %>
     <p>
-      <%= link_to 'Adicionar Formação Acadêmica', new_user_profile_education_info_path, class:'btn btn-primary' if user_is_owner %>
+      <%= link_to 'Adicionar Formação Acadêmica', new_user_profile_education_info_path, class:'btn btn-primary rounded-5 mt-3' if user_is_owner %>
     </p>
       <% profile.education_infos.each do |education_info| %>
         <% if education_info.visibility || user_is_owner %>
-          <h4>  
+          <% if user_is_owner %>
+            <li class="fs-5 mb-3">
+              <span class="fw-semibold"><%= t(education_info['visibility'] ? 'visibility.true' : 'visibility.false') %></span>
+              <% if user_is_owner %>
+                <%= link_to edit_education_info_path(education_info), id: 'edit-education-info', class:'edit-button btn btn-outline-info border-0 p-2 rounded-5' do %>
+                  <%= image_tag 'pencil-square', width: '20 rem' %>
+                <% end %>
+              <% end %>
+            </li>
+          <% end %>
+          <h5 class="profile-info-title">  
             <%= EducationInfo.human_attribute_name(:institution) %>: <%= education_info.institution %>
-          </h4>
+          </h5>
           <ul>
-            <% if user_is_owner %>
-              <li class="fs-5 mb-3">
-                <span class="fw-bold"><%= t(education_info['visibility'] ? 'visibility.true' : 'visibility.false') %></span>
-              </li>
-            <% end %>
             <li>
-              <span class="fw-bold"><%= EducationInfo.human_attribute_name(:course) %></span>: <%= education_info.course %>
+              <span class="fw-semibold"><%= EducationInfo.human_attribute_name(:course) %></span>: <%= education_info.course %>
             </li>
             <li>
-              <span class="fw-bold"><%= EducationInfo.human_attribute_name(:start_date) %></span>: <%= l education_info.start_date if education_info.start_date%>
+              <span class="fw-semibold"><%= EducationInfo.human_attribute_name(:start_date) %></span>: <%= l education_info.start_date if education_info.start_date%>
             </li>
             <li>
-              <span class="fw-bold"><%= EducationInfo.human_attribute_name(:end_date) %></span>: <%= l education_info.end_date if education_info.end_date %>
+              <span class="fw-semibold"><%= EducationInfo.human_attribute_name(:end_date) %></span>: <%= l education_info.end_date if education_info.end_date %>
             </li>
           </ul>
         <% end %>
-        <p>
-          <%= link_to 'Editar Formação Acadêmica', edit_education_info_path(education_info), class:'btn btn-secondary' if user_is_owner %>
-        </p>
       <% end %>
   </div>
 </div>
-<div id='profile-job-categories' class="border py-1 px-2 rounded mb-3">
   <% if profile.profile_job_categories.any? || user_is_owner %> 
+  <div id='profile-job-categories' class="border p-3 rounded mb-3 bg-white">
     <div class="d-flex gap-1">
       <%= image_tag 'person-working', width: '28rem', class: 'mb-2 mx-1' %>
       <h3><%= t('content.section_title') %></h3>
     </div>
   <% end %> 
 
-  <%= link_to t('links.new_profile_job_category_path'), new_profile_job_category_path, class:'btn btn-primary' if user_is_owner %>
-  <div class='mt-2'>
+  <%= link_to t('links.new_profile_job_category_path'), new_profile_job_category_path, class:'btn btn-primary rounded-5 mt-3' if user_is_owner %>
+  <div class='mt-2 mx-4'>
     <% profile.profile_job_categories.each do |profile_job_category| %>
       <p><strong><%= profile_job_category.job_category.name %></strong></p>
       <% if profile_job_category.description.present? %>
diff --git a/app/views/profiles/_profile_photo.html.erb b/app/views/profiles/_profile_photo.html.erb
index 4f9c4ed..9cd35c8 100644
--- a/app/views/profiles/_profile_photo.html.erb
+++ b/app/views/profiles/_profile_photo.html.erb
@@ -1,5 +1,5 @@
 <% if profile.photo.present? && profile.valid? %>
-  <%= image_tag profile.photo, alt: t('.alt_text'), width: '130rem', class: 'img-cover rounded-circle mx-auto mt-2' %>
+  <%= image_tag profile.photo, alt: t('.alt_text'), width: '130rem', class: 'profile-picture img-cover rounded-circle mx-auto mt-2' %>
 <% else %>
-  <%= image_tag 'default_portfoliorrr_photo.png', width: '130rem', alt: t('.alt_text'), class: 'img-cover rounded-circle mx-auto mt-2' %>
+  <%= image_tag 'default_portfoliorrr_photo.png', width: '130rem', alt: t('.alt_text'), class: 'profile-picture img-cover rounded-circle mx-auto mt-2' %>
 <% end %>
\ No newline at end of file
diff --git a/app/views/profiles/show.html.erb b/app/views/profiles/show.html.erb
index 7c20876..f8e248e 100644
--- a/app/views/profiles/show.html.erb
+++ b/app/views/profiles/show.html.erb
@@ -3,18 +3,21 @@
   <% if @profile.active? %>
     <% if @posts.pinned.any? %>
       <div id="fixed">
-        <h2 id="post-list-title"><%= t('.highlight') %></h2>
+        <div class="mb-3 border-bottom border-dark">
+          <h2 id="post-list-title"><%= t('.highlight') %></h2>
+        </div
         <section>
           <%= render partial: 'posts/listing', locals: { posts: @posts.pinned } %>
         </section>
       </div>
     <% end %>
-
     <div id="publications">
-      <h2 id="post-list-title"><%= Post.model_name.human(count: 2) %></h2>
+      <div class="mb-3 border-bottom border-dark">
+        <h2 id="post-list-title"><%= Post.model_name.human(count: 2) %></h2>
+      </div>
       <% published_posts = @profile.user.posts.published %>
       
-      <% if published_posts.count - @profile.user.posts.pinned.count < 1 %>
+      <% if published_posts.count - @profile.user.posts.published.pinned.count < 1 %>
         <p><%= t('.nothing_here') %> <br> <%= t('.new_posts') %> :)</p>
       <% end %>
 
@@ -22,53 +25,73 @@
         <%= render partial: 'posts/listing', locals: { posts: @posts.unpinned.order(created_at: :desc) } %>
       </section>
     </div>
-
   </div>
 
   <div class="col-md-5">
     <aside class="px-5">
-      <section class="text-center d-flex flex-column align-items-center border rounded">
+      <section class="text-center d-flex flex-column align-items-center border rounded bg-white">
         <div class="w-100">
-          <div class="bg-primary profile-header mb-4 w-100 rounded-top d-flex flex-column">
-            <%= render partial: 'profile_photo', locals: { profile: @profile } %>
+          <div class="bg-primary mb-4 rounded-top d-flex flex-column profile-header">
+            <div class="profile-card-body">
+              <div class="ratio ratio-1x1 rounded-circle overflow-hidden w-25 mx-auto">
+                <%= render partial: 'profile_photo', locals: { profile: @profile } %>
+              </div>
+              <h2><%= @user.full_name %></h2>
+              <p><%= @user.email %></p>
+            </div>
             <%= link_to t('profiles.edit.change_photo'), edit_profile_path(@profile), class: 'badge bg-secondary mt-3' if current_user == @profile.user %>
           </div>
-          <h4><%= @user.full_name %></h4>
-          <p><%= @user.email %></p>
-          <div class="d-flex gap-4 justify-content-center">
-            <div class="d-flex flex-column" id="followers-count">
-              <%= link_to profile_connections_path(@profile), class: "text-decoration-none fs-5" do %>
-                <p><%= @profile.followers_count %> <%= t(Connection.human_attribute_name(:follower_id, count: @profile.followers_count ))%></p>
-              <% end %>
-            </div>
-            <div class="text-center d-flex flex-column" id="following-count">
-              <%= link_to profile_following_path(@profile), class: "text-decoration-none fs-5" do %>
-                <p><%= @profile.followed_count %> <%= t(Connection.human_attribute_name(:followed_profile_id))%> </p>
-              <% end %>
+          <div class="row">
+            <div class="col-md-2 g-0">
             </div>
-            <div class="fs-5">
-              <p><%= @profile.user.posts.count %> <%= Post.model_name.human(count: @profile.user.posts.count) %> </p>
+            <div class="col-md-8">
+              <div class="d-flex gap-4 justify-content-center">
+                <div class="d-flex flex-column" id="followers-count">
+                  <%= link_to profile_connections_path(@profile), class: "text-decoration-none fs-5" do %>
+                    <p><%= @profile.followers_count %> <%= t(Connection.human_attribute_name(:follower_id, count: @profile.followers_count ))%></p>
+                  <% end %>
+                </div>
+                <div class="text-center d-flex flex-column" id="following-count">
+                  <%= link_to profile_following_path(@profile), class: "text-decoration-none fs-5" do %>
+                    <p><%= @profile.followed_count %> <%= t(Connection.human_attribute_name(:followed_profile_id))%> </p>
+                  <% end %>
+                </div>
+                <div class="fs-5">
+                  <p><%= @profile.user.posts.count %> <%= Post.model_name.human(count: @profile.user.posts.count) %> </p>
+                </div>
+              </div>
+              <div>
+                <% if current_user.profile != @profile %>
+                  <div class="mb-2">
+                    <% if @profile.following?(current_user.profile) %>
+                      <%= button_to t('.unfollow_btn'), connection_unfollow_path(@profile.followers.find_by(follower: current_user.profile)), method: :patch, class: 'btn btn-danger w-50' %>
+                    <% elsif @profile.inactive_follower?(current_user.profile) %>
+                      <%= button_to t('.follow_btn'), connection_follow_again_path(@profile.followers.find_by(follower: current_user.profile)), method: :patch, class: 'btn btn-primary w-50' %>
+                    <% else %>
+                      <%= button_to t('.follow_btn'), profile_connections_path(@profile), class: 'btn btn-primary w-50' %>
+                    <% end %>
+                  </div>
+                <% end %>
+              </div>
             </div>
-          </div>
-        </div>
-        <br>
-        <div class="w-75">
-          <% if current_user.profile != @profile %>
-            <div>
-              <% if @profile.following?(current_user.profile) %>
-                <%= button_to t('.unfollow_btn'), connection_unfollow_path(@profile.followers.find_by(follower: current_user.profile)), method: :patch, class: 'btn btn-danger w-50' %>
-              <% elsif @profile.inactive_follower?(current_user.profile) %>
-                <%= button_to t('.follow_btn'), connection_follow_again_path(@profile.followers.find_by(follower: current_user.profile)), method: :patch, class: 'btn btn-primary w-50' %>
-              <% else %>
-                <%= button_to t('.follow_btn'), profile_connections_path(@profile), class: 'btn btn-primary w-50' %>
+            <div class="col-md-2 mt-2 g-0">
+              <% if current_user.profile != @profile %>
+                <div class="dropdown col-md-2">
+                  <button type="button" data-bs-toggle="dropdown" aria-expanded="false" class="bg-white rounded-5 border-0" id="report-profile-dropdown">
+                    <%= image_tag 'three-dots-vertical'%>
+                  </button>
+                  <div class="dropdown-menu">
+                    <%= link_to new_report_path(reportable: @profile.id, reportable_type: @profile.class), class: 'btn btn-secondary btn-sm dropdown-item' do %>
+                      <%= image_tag 'flag' %>
+                      <span class="mx-2"><%= t('reports.report_btn') %></span>
+                    <% end %>
+                  </div>
+                </div>
               <% end %>
             </div>
-            <div class="mt-2">
-              <%= link_to t('reports.report_btn'), new_report_path(reportable: @profile.id, reportable_type: @profile.class), class: 'btn btn-secondary btn-sm' %>
-            </div>
-          <% end %>
+          </div>
+          
         </div>
-
       </section>
       <section>
         <%= render 'profile_details', profile: @profile, professional_infos: @professional_infos, personal_info: @personal_info %>
diff --git a/app/views/projects/index.html.erb b/app/views/projects/index.html.erb
index a1e7925..9200042 100644
--- a/app/views/projects/index.html.erb
+++ b/app/views/projects/index.html.erb
@@ -1,5 +1,5 @@
 <div class="container" id="vue-projects-app">
-  <h2 class="text-center"><%= t('.index_title') %> </h2>
+  <h2 class="project-search border-bottom border-dark"><%= t('.index_title') %> </h2>
 
   <div v-if="freeUser" class="text-center become-premium-div mt-5">
     <h2 class="become-premium-text"><%= t('subscriptions.become') %> <%= link_to t('subscriptions.subscriber'), subscriptions_path %> <%= t('subscriptions.see_listed_projects') %></h2 class="become-premium-text">
@@ -10,7 +10,7 @@
   </div>
 
   <div class="row" v-else>
-    <div class="col-md-4 mx-auto mt-3">
+    <div class="col-md-4 project-search mt-3">
       <label class="form-label visually-hidden" for="searchText"><%= t('.search') %></label>
       <input class="form-control" v-model="searchText" type="text" name="searchText" id="searchText" placeholder="Digite sua pesquisa">
 
@@ -46,7 +46,7 @@
     </h3>
 
     <div v-else>
-      <div class="mt-5 border-top w-50 mx-auto" v-for="project in filteredProjects" :key="project.id">
+      <div class="mt-5 bg-white rounded px-3 pb-3 border w-50 mx-auto" v-for="project in filteredProjects" :key="project.id">
         <h3 class="mt-3">{{ project.title }}</h3>
         <p><%= t('projects.attributes.description') %>: {{ project.description }}</p>
         <p><%= t('projects.attributes.category') %>: {{ project.category }}</p>
diff --git a/app/views/searches/index.html.erb b/app/views/searches/index.html.erb
index d48e75d..1ef75e1 100644
--- a/app/views/searches/index.html.erb
+++ b/app/views/searches/index.html.erb
@@ -6,22 +6,22 @@
     <% @profiles.each do |profile| %>
       <%= link_to profile, class: "search-result card text-decoration-none py-2 px-5 rounded follower-card bg-light-subtle mt-3 w-50" do %>
         <div class="card-body row justify-content-center align-items-center">
-          <div class="col-md-4 col-sm-3 profile-image">
+          <div class="col-md-2 col-sm-3 profile-image">
             <% if profile.photo.present? %>
-              <%= image_tag profile.photo_attachment, width: '100rem', alt: 'Foto de perfil', class: 'rounded rounded-circle px-2' %>
+              <%= image_tag profile.photo_attachment, width: '100rem', alt: 'Foto de perfil', class: 'profile-picture rounded rounded-circle px-2' %>
             <% else %>
-              <%= image_tag 'default_portfoliorrr_photo.png', width: '100rem', alt: 'Foto de perfil', class: 'rounded rounded-circle px-2' %>
+              <%= image_tag 'default_portfoliorrr_photo.png', width: '100rem', alt: 'Foto de perfil', class: 'profile-picture rounded rounded-circle px-2' %>
             <% end %>
           </div>
-          <div class="col-md-8">
-            <h3 class="card-title text-primary text-decoration-underline text-center"><%= profile.full_name %></h3>
+          <div class="col-md-10">
+            <h3 class="card-title search-result-title text-primary text-center"><%= profile.full_name %></h3>
             <% if profile.personal_info.city && profile.personal_info.state %>
               <p class="text-center"><%= profile.personal_info.city %> - <%= profile.personal_info.state %></p>
             <% end %>
             <% if profile.job_categories.any? %>
               <div class="d-flex gap-3 justify-content-center">
                 <% profile.job_categories.first(3).each do |category| %>
-                  <p class="border border-1 border-light rounded bg-primary p-1 text-center text-light"> <%= category.name %> </p>
+                  <p class="text-center text-primary fw-bold"> <%= category.name %> </p>
                 <% end %>
               </div>
             <% end %>
@@ -31,8 +31,9 @@
     <% end %>
   <% elsif @posts&.any? %>
       <h3 class="mb-3"><%= @posts.size %> <%= Post.model_name.human count: @posts.size %> <%= t('.with') %>: #<%= @tags.join(', #') %></h3>
-  
-      <%= render partial: 'posts/listing', locals: { posts: @posts.each } %>
+      <div class="w-75">
+        <%= render partial: 'posts/listing', locals: { posts: @posts.each } %>
+      </div>
       
   <% else %>
     <p><%= t('.empty_state') %>: <%= @query %></p>
diff --git a/app/views/shared/_navbar.html.erb b/app/views/shared/_navbar.html.erb
index 707b4b8..156a684 100644
--- a/app/views/shared/_navbar.html.erb
+++ b/app/views/shared/_navbar.html.erb
@@ -1,9 +1,11 @@
-<nav class="navbar navbar-expand-lg border-bottom bg-light">
+<nav class="navbar navbar-expand-lg border-bottom bg-white">
   <div class="container-fluid">
     <div class="w-25 mx-3">
-      <%= link_to root_path do %>
-        <%= image_tag 'logo.svg', class:'w-50' %>
-      <% end %>
+      <div>
+        <%= link_to root_path do %>
+          <%= image_tag 'logo.svg', class:'w-50' %>
+        <% end %>
+      </div>
     </div>
     <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false">
       <span class="navbar-toggler-icon"></span>
@@ -17,16 +19,35 @@
           </div>
         <% end %>
       </div>
+      <div class="d-flex align-items-center gap-5 w-25 justify-content-center">
+        <%= link_to notifications_path, class: 'd-flex flex-column text-decoration-none' do %>
+          <div class="badge-container">
+            <span class="badge bg-primary mx-auto notification-badge"><%= current_user.profile.notifications.unseen.count %></span>
+          </div>
+          <%= image_tag 'bell', class: 'mx-auto', width: '25rem' %>
+          <div>
+            <p class="text-muted fw-semibold"><%= Notification.model_name.human(count: 2) %></p>
+          </div>
+        <% end %>
+        <div>
+          <%= link_to new_post_path, class: 'd-flex flex-column text-decoration-none', data: { turbo: false } do %>
+            <%= image_tag 'newpost', class: 'mx-auto', width: '25rem' %>
+            <p class="text-muted fw-semibold text-justify"><%= t('posts.new.new_post')%></p>
+          <% end %>
+        </div>
+      </div>
     <% end %>
     <div class="collapse navbar-collapse" id="navbarNav">
-      <ul class="navbar-nav ms-auto">
+      <ul class="navbar-nav">
         <li class="nav-item dropdown drop-menu">
         <% if user_signed_in? %>
           <button class="btn dropdown-toggle mx-5" data-bs-toggle="dropdown" aria-expanded="false">
             <% if current_user.profile.photo_attachment %>
-              <%= image_tag current_user.profile.photo_attachment, width: '55rem', alt: 'Foto de perfil', class: 'rounded rounded-circle px-2' %>
+            <div class="dropdown-profile-picture ratio ratio-1x1 rounded-circle overflow-hidden">
+              <%= image_tag current_user.profile.photo_attachment, width: '55rem', alt: 'Foto de perfil', class: 'img-cover rounded rounded-circle' %>
+            </div>
             <% else %>
-              <%= image_tag 'default_portfoliorrr_photo.png', width: '55rem', alt: 'Foto de perfil', class: 'rounded rounded-circle px-2' %>
+              <%= image_tag 'default_portfoliorrr_photo.png', width: '55rem', alt: 'Foto de perfil', class: 'profile-picture rounded rounded-circle px-2' %>
             <% end %>
           </button>
           <ul class="dropdown-menu dropdown-menu-white">
@@ -36,16 +57,6 @@
             <li class="dropdown-item">
               <%= link_to Invitation.model_name.human(count: 2), invitations_path, class: 'nav-link' %>
             </li>
-            <li class="dropdown-item">
-              <%= link_to notifications_path, class: 'nav-link' do %>
-                <%= Notification.model_name.human(count: 2) %>
-                <% if current_user.profile.notifications.unseen.count > 0 %>
-                  <span class="badge bg-primary">
-                    <%= current_user.profile.notifications.unseen.count %>
-                  </span>
-                <% end %>
-              <% end %>
-            </li>
             <% if current_user.admin? %>
               <li class="dropdown-item" href="#">
                 <%= link_to JobCategory.model_name.human(count: 2), job_categories_path, class: 'nav-link' %>
@@ -55,9 +66,6 @@
                 <%= link_to Report.model_name.human(count: 2), reports_path, class: 'nav-link' %>
               </li>
             <% end %>
-            <li class="dropdown-item" href="#">
-              <%= link_to t('posts.new.new_post'), new_post_path, class: 'nav-link', data: { turbo: false }  %>
-            </li>
             <li class="dropdown-item" href="#">
               <%= link_to t('settings.index.settings'), profile_settings_path(current_user.profile), class: 'nav-link' %>
             </li>
@@ -77,14 +85,14 @@
           </ul>
         </li>
         <% else %>
-          <li class="nav-item">
-            <%= link_to t('sign_up'), new_user_registration_path, class: 'btn btn-secondary btn-lg mx-3' %>
-          </li>
-          <li class="nav-item">
-            <%= link_to t('log_in'), new_user_session_path, class: 'btn btn-primary btn-lg mx-3' %>
-          </li>
-        <% end %>
       </ul>
+      <% end %>
     </div>
+    <% if !user_signed_in? %>
+      <div class="nav-button-control d-flex justify-content-end">
+        <%= link_to t('sign_up'), new_user_registration_path, class: 'btn btn-secondary btn-lg mx-3' %>
+        <%= link_to t('log_in'), new_user_session_path, class: 'btn btn-primary btn-lg mx-3' %>
+      </div>
+    <% end %>
   </div>
 </nav>
diff --git a/app/views/subscriptions/index.html.erb b/app/views/subscriptions/index.html.erb
index 2940330..e132f33 100644
--- a/app/views/subscriptions/index.html.erb
+++ b/app/views/subscriptions/index.html.erb
@@ -1,8 +1,7 @@
-<h2 class="text-center"><%= Subscription.model_name.human %></h2>
-
-<div class="container justify-items-center text-center mt-5">
+<h2 class="page-title subscription-title border-bottom border-dark pb-2"><%= Subscription.model_name.human %></h2>
+<div class="container justify-items-center text-center mt-3">
   <div class="d-flex row gap-5 justify-content-center">
-    <div class="card column col-4 shadow">
+    <div class="card column col-4 bg-white">
       <div id="free-account-div" class="card-body d-flex flex-column justify-content-between">
         <div>
           <h3 class="card-title"><%= t('.free_account') %></h3>
@@ -15,14 +14,14 @@
         </div>
 
         <% if current_user.subscription.inactive? %>
-          <div class="card-footer">
+          <div class="card-footer bg-success text-white">
             <h4><%= t('.current_tier') %></h4>
           </div>
         <% end %>
       </div>
     </div>
 
-    <div class="card column col-4 shadow">
+    <div class="card column col-4 bg-white">
       <div id="premium-account-div" class="card-body d-flex flex-column justify-content-between">
         <h3 class="card-title"><%= t('.premium_account') %></h3>
 
@@ -36,7 +35,7 @@
         <% if current_user.subscription.inactive? %>
           <%= button_to t('.subscribe_btn'), subscription_path(current_user.subscription), method: :patch, class: "btn btn-primary btn-lg mt-4" %>
         <% else %>
-          <div class="card-footer">
+          <div class="card-footer bg-success text-white">
             <h4><%= t('.current_tier') %></h4>
           </div>
         <% end %>
diff --git a/config/locales/models/posts.pt-BR.yml b/config/locales/models/posts.pt-BR.yml
index 414f0ad..c604966 100644
--- a/config/locales/models/posts.pt-BR.yml
+++ b/config/locales/models/posts.pt-BR.yml
@@ -62,8 +62,9 @@ pt-BR:
     edit:
       edit_post: Editar Publicação
     new:
-      new_post: Criar Nova Publicação
-
+      new_post: Criar Publicação
+      new_post_home: Crie a sua publicação
+    share: Compartilhar
     helpers:
       created_at: 'Criado em: '
       scheduled_for: 'Agendado para: '
diff --git a/db/seeds/superseed.rb b/db/seeds/superseed.rb
index 180d518..12b937e 100644
--- a/db/seeds/superseed.rb
+++ b/db/seeds/superseed.rb
@@ -19,7 +19,7 @@
 
 
 # Setup
-@number_of_users = 40
+@number_of_users = 20
 
 
 # 30 categorias de Trabalho
diff --git a/spec/system/connections/user_views_followers_spec.rb b/spec/system/connections/user_views_followers_spec.rb
index 61c6c57..7581ef4 100644
--- a/spec/system/connections/user_views_followers_spec.rb
+++ b/spec/system/connections/user_views_followers_spec.rb
@@ -32,13 +32,10 @@
       expect(page).not_to have_link first_followed.full_name
 
       expect(page).to have_link second_followed.full_name, href: profile_path(second_followed.profile)
-      expect(page).to have_content 'Disponível Para Trabalho'
 
       expect(page).to have_link third_followed.full_name, href: profile_path(third_followed.profile)
-      expect(page).to have_content 'Indisponível Para Trabalho'
 
       expect(page).to have_link fourth_followed.full_name, href: profile_path(fourth_followed.profile)
-      expect(page).to have_content 'Dev Senior | Rebase'
     end
 
     it 'e deve estar logado' do
diff --git a/spec/system/connections/user_views_following_users_spec.rb b/spec/system/connections/user_views_following_users_spec.rb
index 909084e..07ffa42 100644
--- a/spec/system/connections/user_views_following_users_spec.rb
+++ b/spec/system/connections/user_views_following_users_spec.rb
@@ -32,13 +32,10 @@
     expect(page).not_to have_link first_follower.full_name
 
     expect(page).to have_link second_follower.full_name, href: profile_path(second_follower.profile)
-    expect(page).to have_content 'Disponível Para Trabalho'
 
     expect(page).to have_link third_follower.full_name, href: profile_path(third_follower.profile)
-    expect(page).to have_content 'Indisponível Para Trabalho'
 
     expect(page).to have_link fourth_follower.full_name, href: profile_path(fourth_follower.profile)
-    expect(page).to have_content 'Dev Senior | Rebase'
   end
 
   it 'e deve estar logado' do
diff --git a/spec/system/education_info/user_edits_education_info_spec.rb b/spec/system/education_info/user_edits_education_info_spec.rb
index d6f381a..f4d2b7c 100644
--- a/spec/system/education_info/user_edits_education_info_spec.rb
+++ b/spec/system/education_info/user_edits_education_info_spec.rb
@@ -8,7 +8,7 @@
 
       login_as user
       visit profile_path(user.profile)
-      click_on 'Editar Formação Acadêmica'
+      click_on(id: 'edit-education-info')
       fill_in 'Instituição', with: 'UFJF'
       fill_in 'Curso', with: 'Bacharelado em Ciência da Computação'
       fill_in 'Início', with: '2012-12-25'
@@ -30,7 +30,7 @@
 
       login_as user
       visit profile_path(user.profile)
-      click_on 'Editar Formação Acadêmica'
+      click_on(id: 'edit-education-info')
       fill_in 'Instituição', with: ''
       fill_in 'Curso', with: ''
       fill_in 'Início', with: ''
diff --git a/spec/system/personal_info/user_edits_personal_info_spec.rb b/spec/system/personal_info/user_edits_personal_info_spec.rb
index c12f841..cc2b3df 100644
--- a/spec/system/personal_info/user_edits_personal_info_spec.rb
+++ b/spec/system/personal_info/user_edits_personal_info_spec.rb
@@ -11,7 +11,7 @@
       visit root_path
       click_button class: 'dropdown-toggle'
       click_on user_name
-      click_on 'Editar Informações Pessoais'
+      click_on(id: 'edit-personal-info')
 
       expect(page).to have_current_path edit_user_profile_path
       expect(page).not_to have_link 'Preencher Depois', href: root_path
diff --git a/spec/system/posts/user_creates_post_spec.rb b/spec/system/posts/user_creates_post_spec.rb
index 9734651..4c259de 100644
--- a/spec/system/posts/user_creates_post_spec.rb
+++ b/spec/system/posts/user_creates_post_spec.rb
@@ -16,7 +16,7 @@
       click_button class: 'dropdown-toggle'
 
       within 'nav' do
-        click_on 'Criar Nova Publicação'
+        click_on 'Criar Publicação'
       end
 
       fill_in 'Título da Publicação', with: 'Olá Mundo!'
diff --git a/spec/system/professional_info/user_edits_professional_info_spec.rb b/spec/system/professional_info/user_edits_professional_info_spec.rb
index a72097b..258fbdb 100644
--- a/spec/system/professional_info/user_edits_professional_info_spec.rb
+++ b/spec/system/professional_info/user_edits_professional_info_spec.rb
@@ -8,7 +8,7 @@
 
       login_as user
       visit profile_path(user.profile)
-      click_on 'Editar Experiência Profissional'
+      click_on(id: 'edit-professional-info')
 
       expect(page).to have_content 'Experiência Profissional'
 
diff --git a/spec/system/reports/admin_sees_reports_listing_page_spec.rb b/spec/system/reports/admin_sees_reports_listing_page_spec.rb
index 2dfff00..28cb320 100644
--- a/spec/system/reports/admin_sees_reports_listing_page_spec.rb
+++ b/spec/system/reports/admin_sees_reports_listing_page_spec.rb
@@ -37,14 +37,16 @@
     click_on 'Conteúdo removido'
 
     expect(page).not_to have_content report.truncated_message
-    expect(page).not_to have_content 'Discurso de ódio'
-    expect(page).not_to have_content 'Publicação'
-    expect(page).to have_content other_report.truncated_message
-    expect(page).to have_content 'Abuso/Perseguição'
-    expect(page).to have_content 'Comentário'
-    expect(page).not_to have_content another_report.truncated_message
-    expect(page).not_to have_content 'Spam'
-    expect(page).not_to have_content 'Perfil'
+    within 'main' do
+      expect(page).not_to have_content 'Discurso de ódio'
+      expect(page).not_to have_content 'Publicação'
+      expect(page).to have_content other_report.truncated_message
+      expect(page).to have_content 'Abuso/Perseguição'
+      expect(page).to have_content 'Comentário'
+      expect(page).not_to have_content another_report.truncated_message
+      expect(page).not_to have_content 'Spam'
+      expect(page).not_to have_content 'Perfil'
+    end
     expect(page).to have_current_path reports_path({ filter: 'granted' })
   end
 
diff --git a/spec/system/reports/user_report_spec.rb b/spec/system/reports/user_report_spec.rb
index e7b70ff..c26669a 100644
--- a/spec/system/reports/user_report_spec.rb
+++ b/spec/system/reports/user_report_spec.rb
@@ -10,6 +10,7 @@
       login_as user, scope: :user
       visit post_path(post)
 
+      click_button id: 'report-post-dropdown'
       click_on 'Denunciar'
       fill_in 'Mensagem', with: 'Isso é discurso de ódio'
       select 'Discurso de ódio', from: 'Tipo de ofensa'
@@ -69,6 +70,7 @@
       visit post_path(post)
 
       within '#comments' do
+        click_button id: 'report-comment-dropdown'
         click_on 'Denunciar'
       end
 
@@ -97,7 +99,7 @@
       visit post_path(post)
 
       within '#comments' do
-        expect(page).to have_link('Denunciar').twice
+        expect(page).to have_button(id: 'report-comment-dropdown').twice
       end
       expect(page.all('.comment').to_a.second).not_to have_link 'Denunciar'
     end
@@ -127,6 +129,7 @@
       visit post_path(comment.post)
       within "#comment_#{comment.id}" do
         click_on '1 Resposta'
+        click_button id: 'report-reply-dropdown'
         click_on 'Denunciar'
       end
       fill_in 'Mensagem', with: 'Isso é discurso de ódio'
@@ -164,6 +167,7 @@
       login_as user, scope: :user
       visit profile_path(reported_user.profile)
 
+      click_button id: 'report-profile-dropdown'
       click_on 'Denunciar'
       fill_in 'Mensagem', with: 'Isso é discurso de ódio'
       select 'Discurso de ódio', from: 'Tipo de ofensa'