diff --git a/components/home/Footer.tsx b/components/home/Footer.tsx
index 37dd969..c236668 100644
--- a/components/home/Footer.tsx
+++ b/components/home/Footer.tsx
@@ -81,8 +81,8 @@ const Footer: React.FC<any> = ({ settings }) => {
 
   return (
     <footer className="relative overflow-hidden">
-      <div className="absolute h-full -left-14 right-0 bg-footer-background -z-10" />
-      <div className="mb-10 px-14">
+      <div className="absolute h-full -left-14 right-0 bg-footer-background bg-cover -z-10" />
+      <div className="mb-10 px-14 lg:container lg:mx-auto">
         <div className="flex flex-col flex-wrap mx-auto md:items-center lg:items-start md:flex-row md:flex-nowrap">
           <img
             className="h-8"
@@ -93,15 +93,15 @@ const Footer: React.FC<any> = ({ settings }) => {
         <div className="flex flex-col flex-wrap mx-auto md:items-center lg:items-start md:flex-row md:flex-nowrap">
           <div className="w-full text-center md:text-left">
             <p
-              className={`mt-4 mb-4 text-[#001240] text-lg leading-[22px] font-montserrat font-semibold ${
+              className={`text-center md:text-left mt-4 mb-4 text-[#001240] text-lg leading-[22px] font-montserrat font-semibold ${
                 AR() ? 'text-right' : 'text-left'
               }`}
             >
               {t('ft-h-offi')}
             </p>
-            <ul className="flex space-x-6 text-sm list-none">
+            <ul className="flex space-x-4 text-sm list-none flex-col md:flex-row ">
               {navigation.menu.map((item) => (
-                <li key={item.name} className={AR() ? 'ml-5' : ''}>
+                <li key={item.name} className={`${AR() ? 'ml-5' : ''} mt-4`}>
                   <Link href={item.href}>
                     <a
                       href={item.href}