diff --git a/src/_mixins.scss b/src/_mixins.scss
index 539e820..9e4767b 100644
--- a/src/_mixins.scss
+++ b/src/_mixins.scss
@@ -65,10 +65,13 @@
         > span {
             margin-left: auto;
             margin-right: auto;
+        }
 
-            > i, > i::before {
-                line-height: 50px !important;
-            }
+        > i {
+            
+            display: inline-flex;
+            flex-direction: column;
+            justify-content: center;
         }
     }
 }
\ No newline at end of file
diff --git a/src/pages/index.js b/src/pages/index.js
index d784952..345b957 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -69,7 +69,7 @@ class IndexPage extends React.Component {
             <p><Trans>homeAboutMeHello</Trans><br/><Trans>homeAboutMeText</Trans></p>
           </article>
         </section>
-        <a className={styles.section + " " + styles.creditSection} href="https://unsplash.com/@jannikkiel" target="_blank" rel="noopener">
+        <a className={styles.creditSection} href="https://unsplash.com/@jannikkiel" target="_blank" rel="noopener">
           <div>
             <span><i className="fas fa-fw fa-camera"></i> <Trans>homeImageCredit</Trans></span>
             <i className="fas fa-fw fa-chevron-right"></i>
@@ -100,7 +100,7 @@ class IndexPage extends React.Component {
             <Link to="/projects" className={styles.seeMoreButton}><Trans>seeMore</Trans> <i className="fas fa-fw fa-chevron-right"></i></Link>
           </article>
         </section>
-        <Link className={styles.section + " " + styles.donationSection} to="/donate">
+        <Link className={styles.donationSection} to="/donate">
           <div>
             <span><Trans>donationCatchphrase</Trans></span>
             <i className="fas fa-fw fa-chevron-right"></i>