Fix BEM modifier in footer-end

js/components/FooterEnd.js

@@ -4,7 +4,7 @@ import { getItemPageNames, isMobileViewport } from '../../common/config';
 
 export default function FooterEnd({ items, pageName }) {
   return (
-        <div className={classNames('footer-end', {'footer-end-left': !isMobileViewport() && getItemPageNames(items).includes(pageName)})} >
+        <div className={classNames('footer-end', {'footer-end--left': !isMobileViewport() && getItemPageNames(items).includes(pageName)})} >
             <div className="footer-social">
                 <div className="footer-social__label">
                     <p>Follow us:</p>

styles/components/footerend.css

@@ -11,6 +11,12 @@
     color: var(--color-gray-normal);
   }
 
+  &--left {
+    flex-direction: column;
+    align-items: flex-start;
+    margin-top: 100px;
+  }
+
   @media (--until-sm) {
     flex-direction: column;
     align-items: center;
@@ -18,11 +24,6 @@
   }
 }
 
-.footer-end-left {
-  flex-direction: column;
-  align-items: flex-start;
-}
-
 .footer-social {
   display: flex;
   flex-direction: row;