diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss
index f53ee7ed..7ff8124a 100644
--- a/app/assets/stylesheets/application.scss
+++ b/app/assets/stylesheets/application.scss
@@ -82,6 +82,7 @@
 "components/comments",
 "components/container",
 "components/entry",
+"components/icons",
 "components/inbox-entry",
 "components/jumbotron",
 "components/locales",
diff --git a/app/assets/stylesheets/components/_icons.scss b/app/assets/stylesheets/components/_icons.scss
new file mode 100644
index 00000000..ef1db1ef
--- /dev/null
+++ b/app/assets/stylesheets/components/_icons.scss
@@ -0,0 +1,4 @@
+.icon--showcase {
+  text-align: center;
+  font-size: 5rem;
+}
\ No newline at end of file
diff --git a/app/views/static/about.haml b/app/views/static/about.haml
index 2471b269..dddc544c 100644
--- a/app/views/static/about.haml
+++ b/app/views/static/about.haml
@@ -13,13 +13,13 @@
           %p= t('views.about.links.desc', app_title: APP_CONFIG['site_name'])
         .col-md-4.col-sm-6
           %a{href: "https://twitter.com/retrospring"}
-            .icon-showcase
+            .icon--showcase
               %i.fa.fa-twitter
           %h4.heading-about.text-center
             Twitter
         .col-md-4.col-sm-6
           %a{href: help_faq_path}
-            .icon-showcase
+            .icon--showcase
               %i.fa.fa-question
           %h4.heading-about.text-center
             FAQ
@@ -32,7 +32,7 @@
           %p= raw t('views.about.opensource.desc', app_title: APP_CONFIG['site_name'], github: link_to(t('views.about.opensource.github'), "https://github.com/Retrospring/retrospring"), bugtracker: link_to(t('views.about.opensource.bugtracker'), "https://github.com/Retrospring/retrospring/issues"))
         .col-md-4
           %a{href: "https://github.com/Retrospring/retrospring"}
-            .icon-showcase
+            .icon--showcase
               %i.fa.fa-github
           %h4.heading-about.text-center= t 'views.about.repository.title'
           %p.text-center