diff --git a/public/css/styles.css b/public/css/styles.css
index 531f61d..8757c8a 100644
--- a/public/css/styles.css
+++ b/public/css/styles.css
@@ -10,6 +10,13 @@ body {
   height: 100%; }
   body div#first-box.margin {
     margin-top: 60px; }
+  body div.author-text {
+    font-size: 20px;
+    display: flex;
+    justify-content: end; }
+  body div.padding-side {
+    padding-left: 1%;
+    padding-right: 1%; }
   body div.padding {
     padding: 1%; }
   body div.title-image {
diff --git a/public/css/styles.scss b/public/css/styles.scss
index c20f54a..903215f 100644
--- a/public/css/styles.scss
+++ b/public/css/styles.scss
@@ -17,6 +17,15 @@ body {
   div#first-box.margin {
       margin-top: 60px;
   }
+  div.author-text {
+      font-size: 20px;
+      display: flex;
+      justify-content: end;
+  }
+  div.padding-side {
+      padding-left: 1%;
+      padding-right: 1%;
+  }
   div.padding {
       padding: 1%;
   }
diff --git a/templates/page/post.html.ep b/templates/page/post.html.ep
index ca78373..cfd4ca4 100644
--- a/templates/page/post.html.ep
+++ b/templates/page/post.html.ep
@@ -24,7 +24,7 @@
 % }
 % my $user_agent = stash 'useragent';
 % if ($user_agent !~ /LinkedInBot/) {
-    <div class="padding">
+    <div class="padding-side">
         <%== $post->{content} %>
     </div>
 % } else {
@@ -38,7 +38,10 @@
 % }
 % my $date_article = DateTime::Format::ISO8601->parse_datetime($post->{date});
 % $date_article->set_time_zone('Europe/Madrid');
-    <div class="padding">
-        <p>Escrito por <%= $post->{author} %> con fecha <%= $date_article %>.<p>
+    <div class="padding-side author-text">
+        <span>Author: <b><%= $post->{author} %></b></span>
+    </div>
+    <div class="padding-side author-text">
+        <span>Fecha: <b><%= $date_article %></b>.<span>
     </div>
 </div>