diff --git a/layout/_partial/first-screen.ejs b/layout/_partial/first-screen.ejs
index 587d683..05f963b 100644
--- a/layout/_partial/first-screen.ejs
+++ b/layout/_partial/first-screen.ejs
@@ -4,17 +4,17 @@
             <%= theme.style.first_screen.description || config.description %>
         </div>
         <% if (theme.social_contact.enable) { %>
-            <ul class="social-icon-list">
+            <ul class="s-icon-list">
                 <% for (const key in theme.social_contact.links) { %>
                     <% if(theme.social_contact.links[key]) { %>
                         <% if(key === 'email') { %>
-                            <li class="social-icon-item <%= key %>">
+                            <li class="s-icon-item <%= key %>">
                                 <a href="mailto:<%- url_for(theme.social_contact.links[key]) %>">
                                     <i class="fas fa-envelope"></i>
                                 </a>
                             </li>
                         <% } else { %>
-                            <li class="social-icon-item <%= key %>">
+                            <li class="s-icon-item <%= key %>">
                                 <a href="<%- url_for(theme.social_contact.links[key]) %>">
                                     <i class="fab fa-<%= key %>"></i>
                                 </a>
diff --git a/source/css/layout/_partial/first-screen.styl b/source/css/layout/_partial/first-screen.styl
index f2c9045..fdc8e24 100644
--- a/source/css/layout/_partial/first-screen.styl
+++ b/source/css/layout/_partial/first-screen.styl
@@ -18,14 +18,14 @@
       text-align: center;
     }
 
-    .social-icon-list {
+    .s-icon-list {
       position: absolute;
       bottom: $component-interspace;
       font-size: 1.6em;
       left: 50%;
       transform: translateX(-50%);
 
-      .social-icon-item {
+      .s-icon-item {
         float: left;
         margin-right: 25px;
         cursor: pointer;