diff --git a/assets/scss/header.scss b/assets/scss/header.scss
index 503220afb..f059d07d1 100644
--- a/assets/scss/header.scss
+++ b/assets/scss/header.scss
@@ -274,7 +274,7 @@
         background-repeat: no-repeat;
       }
 
-      .link-1 {
+      .link-slack {
         background-image: url('/images/header/slack.svg');
 
         &:hover {
@@ -282,7 +282,7 @@
         }
       }
 
-      .link-2 {
+      .link-twitter {
         background-image: url('/images/header/twitter.svg');
 
         &:hover {
@@ -290,7 +290,7 @@
         }
       }
 
-      .link-3 {
+      .link-github {
         background-image: url('/images/header/github.svg');
 
         &:hover {
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 80225da47..5be817abf 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -88,9 +88,9 @@
                         </ol>
                     </li>
                     <li class='link-li'>
-                        <a class='link-1' href="{{ .Site.Params.slackLink }}" target="_blank" rel="noopener noreferrer"></a>
-                        <a class='link-2' href="{{ .Site.Params.twitterLink }}" target="_blank" rel="noopener noreferrer"></a>
-                        <a class='link-3' href="{{ .Site.Params.githubLink }}" target="_blank" rel="noopener noreferrer"></a>
+                        <a class='link-slack' href="{{ .Site.Params.slackLink }}" target="_blank" rel="noopener noreferrer"></a>
+                        <a class='link-twitter' href="{{ .Site.Params.twitterLink }}" target="_blank" rel="noopener noreferrer"></a>
+                        <a class='link-github' href="{{ .Site.Params.githubLink }}" target="_blank" rel="noopener noreferrer"></a>
                     </li>
                     <li class="menu-icon">
                         <img src="/images/header/menu.svg" alt="">