diff --git a/content/posts/2008-02-26-how-to-quickly-generate-encrypted-logins-on-a-mac-for-htaccess-protected-sites.md b/content/posts/2008-02-26-how-to-quickly-generate-encrypted-logins-on-a-mac-for-htaccess-protected-sites.md
index 97d6d233..2cc6fb5c 100644
--- a/content/posts/2008-02-26-how-to-quickly-generate-encrypted-logins-on-a-mac-for-htaccess-protected-sites.md
+++ b/content/posts/2008-02-26-how-to-quickly-generate-encrypted-logins-on-a-mac-for-htaccess-protected-sites.md
@@ -2,12 +2,9 @@
 type: post
 
 title: How to quickly generate encrypted .htpasswd passwords
-author: Matthias Kretschmann
 
 date: 2008-02-26 23:24:17+00:00
 
-category:
-
 tags:
 - design
 - tutorial
@@ -19,6 +16,8 @@ redirect_from:
     - /2008/02/how-to-quickly-generate-encrypted-logins-on-a-mac-for-htaccess-protected-sites/
 ---
 
+Easily generate `.htpasswd` credentials for use in `.htaccess` files on macOS.
+
 As you may know you can easily password protect your website or parts of it using an htaccess file with special instructions on an [Apache](http://www.apache.org/)-based server. For using this method you just have to put a file named `.htaccess` (which includes the instructions for the webserver) and a file named `.htpasswd` (which includes the login-accounts) in the directory you want to have password protected. But you have to encrypt the passwords of the login data for yourself, which is a quick task on a Mac.
 
 I won't go into detail what exactly is needed in your `.htaccess`, since it often depends on your hosting provider which instructions are allowed. If you are new to all this stuff and want to password protect your website or parts of it, have a look in the part [Password Protection](http://www.javascriptkit.com/howto/htaccess3.shtml) of the [Comprehensive guide to .htaccess written by Feyd](http://www.javascriptkit.com/howto/htaccess.shtml).
@@ -28,6 +27,7 @@ The login data, in detail just the password is stored encrypted in the .htpasswd
 Just open Terminal application and type in the following code and replace username and password with your desired data:
 
 ```bash
+# replace username & password
 htpasswd -nb username password
 ```
 
diff --git a/src/components/Post/PostActions.module.scss b/src/components/Post/PostActions.module.scss
index af2ccd75..ef00073f 100644
--- a/src/components/Post/PostActions.module.scss
+++ b/src/components/Post/PostActions.module.scss
@@ -5,15 +5,17 @@
     @include breakoutviewport;
 
     margin-top: $spacer * 3;
-    border-top: 1px dashed $brand-grey-dimmed;
-    border-bottom: 1px dashed $brand-grey-dimmed;
+    background: rgba(#fff, .5);
+    padding-top: $spacer;
+    padding-bottom: $spacer;
+    border-radius: $border-radius;
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
 
     > div {
         flex: 0 0 100%;
-        border-bottom: 1px dashed $brand-grey-dimmed;
+        border-bottom: 1px dashed rgba($brand-grey-light, .3);
 
         &:last-child {
             border-bottom: 0;
@@ -22,7 +24,7 @@
         @media (min-width: $screen-sm) {
             flex: 0 0 33.33333%;
             border-bottom: 0;
-            border-left: 1px dashed $brand-grey-dimmed;
+            border-left: 1px dashed rgba($brand-grey-light, .3);
 
             &:first-child {
                 border-left: 0;
@@ -54,8 +56,8 @@
 .action {
     display: block;
     margin: 0;
-    padding-top: $spacer * $line-height;
-    padding-bottom: $spacer * $line-height;
+    padding-top: $spacer;
+    padding-bottom: $spacer;
     padding-left: $spacer * 2;
     padding-right: $spacer;
     position: relative;
@@ -83,7 +85,7 @@
     svg {
         position: absolute;
         left: $spacer;
-        top: $spacer * $line-height;
+        top: $spacer;
         fill: $brand-grey-light;
     }
 }
diff --git a/src/components/Post/PostLead.module.scss b/src/components/Post/PostLead.module.scss
index a87550c0..d52b4f02 100644
--- a/src/components/Post/PostLead.module.scss
+++ b/src/components/Post/PostLead.module.scss
@@ -2,6 +2,7 @@
 
 .lead {
     font-size: $font-size-large;
+    margin-bottom: $spacer;
 }
 
 .index {
diff --git a/src/styles/_code.scss b/src/styles/_code.scss
index 92340eba..16a0408f 100644
--- a/src/styles/_code.scss
+++ b/src/styles/_code.scss
@@ -6,7 +6,7 @@ kbd,
 pre,
 samp {
     font-family: $font-family-monospace;
-    font-size: $font-size-mini;
+    font-size: $font-size-small;
 }
 
 code,
diff --git a/src/styles/_syntax.scss b/src/styles/_syntax.scss
index 39e24dd0..65afc869 100644
--- a/src/styles/_syntax.scss
+++ b/src/styles/_syntax.scss
@@ -193,11 +193,11 @@ copyright  Copyright (C) 2017                                  +
     + Entities +
     +----------+ */
 .comment {
-    color: #4c566a;
+    color: #69758f;
 }
 
 .comment .markup.link {
-    color: #4c566a;
+    color: #69758f;
     text-decoration: none;
 }