diff --git a/_includes/sidebar.html b/_includes/sidebar.html
index a091e90d1..3bb03a652 100644
--- a/_includes/sidebar.html
+++ b/_includes/sidebar.html
@@ -55,7 +55,7 @@
 
 </div><!-- #nav-wrapper -->
 
-<div class="contact d-flex justify-content-around mt-4">
+<div class="sidebar-bottom d-flex justify-content-around mt-4">
 
   <span id="mode-toggle-wrapper" class="d-flex justify-content-center align-items-center">
     {% include dark-mode-toggle.html %}
diff --git a/assets/css/main.scss b/assets/css/main.scss
index 297927e1a..84eb93520 100644
--- a/assets/css/main.scss
+++ b/assets/css/main.scss
@@ -222,7 +222,7 @@ body {
   margin-top: 2rem;
 }
 
-.contact {
+.sidebar-bottom {
   font-size: 1.2rem;
   margin: 2rem 2.5rem;
   flex-shrink: 0;
@@ -231,7 +231,7 @@ body {
   /*box-shadow: inset 0 0 0.25em 0 rgba(0, 0, 0, 0.22);*/
 }
 
-#sidebar .contact a:hover,
+#sidebar .sidebar-bottom a:hover,
 #sidebar #mode-toggle-wrapper:hover {
   color: #fff;
 }
@@ -1119,7 +1119,7 @@ div.tooltip-inner { /* Overrided BS4 Tooltip */
     margin-right: 1rem;
   }
 
-  .contact a {
+  .sidebar-bottom a {
     padding: 0 0.6rem;
   }
 
@@ -1360,14 +1360,14 @@ div.tooltip-inner { /* Overrided BS4 Tooltip */
     display: inline-block!important;
   }
 
-  .contact {
+  .sidebar-bottom {
     margin-left: 3.5rem;
     margin-right: 4.5rem;
     font-size: 1.3rem;
     padding-bottom: 1rem;
   }
 
-  .contact a {
+  .sidebar-bottom a {
     border: 1px solid;
     border-radius: 50%;
     font-size: 1rem;
@@ -1376,7 +1376,7 @@ div.tooltip-inner { /* Overrided BS4 Tooltip */
     text-align: center;
   }
 
-  .contact a>i {
+  .sidebar-bottom a>i {
     text-align: center;
     width: 1.25em;
     padding-top: .45rem;