diff --git a/_includes/masthead.html b/_includes/masthead.html
index 9d56159..ff01cdf 100644
--- a/_includes/masthead.html
+++ b/_includes/masthead.html
@@ -37,7 +37,7 @@
     {% if site.social_media %}
       <div class="d-flex flex-wrap flex-items-start {% if site.layout == 'stacked' %}flex-justify-center mt-1 mt-md-3{% endif %}">
         {% for account in site.social_media %}
-          <div class="mr-3 mb-3">
+          <div class="mr-3 mb-3 smedia-icon">
             {% assign service_shortname = account[0] %}
             {% assign service = site.data.social_media[service_shortname] %}
             <a href="{{ service.profile_url_prefix }}{{ account[1] }}" title="{{ service.name }}: {{ account[1] }}" class="tooltipped tooltipped-s" aria-label="{{ service.name }}: {{ account[1] }}">
diff --git a/assets/styles.scss b/assets/styles.scss
index 524ae32..12858e2 100644
--- a/assets/styles.scss
+++ b/assets/styles.scss
@@ -40,7 +40,7 @@
 
 // fixes issue with last social media icon pushing the entire flex off-center on masthead.html page
 .d-flex {
-  .mb-3:last-child {
+  .smedia-icon:last-child {
     margin-right: 0 !important;
   }
 }