diff --git a/components/footer/Footer.tsx b/components/footer/Footer.tsx
index 8a4dbeb6fd82..0639f5c9005e 100644
--- a/components/footer/Footer.tsx
+++ b/components/footer/Footer.tsx
@@ -52,40 +52,40 @@ export default function Footer() {
                 </ul>
               </div>
 
-              <div className='mb-5 px-14 sm:ml-10 sm:px-8 md:ml-5'>
-                <div className='py-2'>
-                  <div className='text-white'>
-                    <Heading typeStyle={HeadingTypeStyle.smSemibold}>News</Heading>
+              <div className='mb-5 px-0 sm:ml-5 sm:px-10'>
+                <div className='hidden py-2 sm:block'>
+                  <div className='mr-12 text-white'>
+                    <Heading typeStyle={HeadingTypeStyle.smSemibold}>Social</Heading>
                   </div>
                 </div>
-                <ul className='justify-center'>
-                  <li className='py-2'>
-                    <div className='text-base leading-6 text-cool-gray transition duration-300 ease-in-out hover:text-white'>
-                      <a href='mailto:press@asyncapi.io'>Email Us</a>
-                    </div>
-                  </li>
+                <ul className='flex justify-start sm:flex-col' aria-label='AsyncAPI social media links'>
+                  {socialMediaLinks.map((link: SocialMediaLink, index: number) => (
+                    <li className='mr-3 py-2 sm:mr-0' key={index} data-testid='Footer-social-media-links'>
+                      <a href={link.url} target='_blank' rel='noopener noreferrer'>
+                        <div className='flex items-center text-cool-gray transition duration-300 ease-in-out hover:text-white'>
+                          <span className='sr-only'>{`Follow AsyncAPI on ${link.label}`}</span>
+                          {link.icon}
+                          <span className='absolute hidden pl-8 pr-5 sm:block'>{link.label}</span>
+                        </div>
+                      </a>
+                    </li>
+                  ))}
                 </ul>
               </div>
             </div>
 
-            <div className='mb-5 px-0 sm:ml-5 sm:px-10'>
-              <div className='hidden py-2 sm:block'>
-                <div className='mr-12 text-white'>
-                  <Heading typeStyle={HeadingTypeStyle.smSemibold}>Social</Heading>
+            <div className='mb-5 px-14 sm:ml-10 sm:px-8 md:ml-5'>
+              <div className='py-2'>
+                <div className='text-white'>
+                  <Heading typeStyle={HeadingTypeStyle.smSemibold}>News</Heading>
                 </div>
               </div>
-              <ul className='flex justify-start sm:flex-col' aria-label='AsyncAPI social media links'>
-                {socialMediaLinks.map((link: SocialMediaLink, index: number) => (
-                  <li className='mr-3 py-2 sm:mr-0' key={index} data-testid='Footer-social-media-links'>
-                    <a href={link.url} target='_blank' rel='noopener noreferrer'>
-                      <div className='flex items-center text-cool-gray transition duration-300 ease-in-out hover:text-white'>
-                        <span className='sr-only'>{`Follow AsyncAPI on ${link.label}`}</span>
-                        {link.icon}
-                        <span className='absolute hidden pl-8 pr-5 sm:block'>{link.label}</span>
-                      </div>
-                    </a>
-                  </li>
-                ))}
+              <ul className='justify-center'>
+                <li className='py-2'>
+                  <div className='text-base leading-6 text-cool-gray transition duration-300 ease-in-out hover:text-white'>
+                    <a href='mailto:press@asyncapi.io'>Email Us</a>
+                  </div>
+                </li>
               </ul>
             </div>
           </div>