diff --git a/src/app/(main)/[locale]/layout.tsx b/src/app/(main)/[locale]/layout.tsx
index 1a6c821f8..38e274c82 100644
--- a/src/app/(main)/[locale]/layout.tsx
+++ b/src/app/(main)/[locale]/layout.tsx
@@ -80,7 +80,11 @@ export default async function Layout({
       { perspective },
     ),
     loadStudioQuery<BrandAssets>(BRAND_ASSETS_QUERY, {}, { perspective }),
-    loadStudioQuery<CompanyLocation[]>(COMPANY_LOCATIONS_QUERY, {}),
+    loadStudioQuery<CompanyLocation[]>(
+      COMPANY_LOCATIONS_QUERY,
+      {},
+      { perspective },
+    ),
   ]);
 
   const hasNavData = hasValidData(initialNav.data);
@@ -101,6 +105,7 @@ export default async function Layout({
               initialSoMe={initialSoMe}
               initialLegal={initialLegal}
               language={params.locale}
+              initialCompanyLocations={initialCompanyLocations}
             />
           ) : (
             <Footer
diff --git a/src/components/navigation/footer/FooterPreview.tsx b/src/components/navigation/footer/FooterPreview.tsx
index 5a2c044da..3928c80dc 100644
--- a/src/components/navigation/footer/FooterPreview.tsx
+++ b/src/components/navigation/footer/FooterPreview.tsx
@@ -1,13 +1,18 @@
 "use client";
 import { QueryResponseInitial, useQuery } from "@sanity/react-loader";
 
+import Footer from "src/components/navigation/footer/Footer";
 import { BrandAssets } from "studio/lib/interfaces/brandAssets";
-import { CompanyInfo } from "studio/lib/interfaces/companyDetails";
+import {
+  CompanyInfo,
+  CompanyLocation,
+} from "studio/lib/interfaces/companyDetails";
 import { LegalDocument } from "studio/lib/interfaces/legalDocuments";
 import { Navigation } from "studio/lib/interfaces/navigation";
 import { SocialMediaProfiles } from "studio/lib/interfaces/socialMedia";
 import {
   COMPANY_INFO_QUERY,
+  COMPANY_LOCATIONS_QUERY,
   LEGAL_DOCUMENTS_BY_LANG_QUERY,
 } from "studio/lib/queries/admin";
 import {
@@ -16,8 +21,6 @@ import {
   SOME_PROFILES_QUERY,
 } from "studio/lib/queries/siteSettings";
 
-import Footer from "./Footer";
-
 function useInitialData<T>(
   query: string,
   initialData: QueryResponseInitial<T>,
@@ -33,6 +36,7 @@ export default function FooterPreview({
   initialSoMe,
   initialLegal,
   language,
+  initialCompanyLocations,
 }: {
   initialNav: QueryResponseInitial<Navigation>;
   initialCompanyInfo: QueryResponseInitial<CompanyInfo>;
@@ -40,6 +44,7 @@ export default function FooterPreview({
   initialSoMe: QueryResponseInitial<SocialMediaProfiles | null>;
   initialLegal: QueryResponseInitial<LegalDocument[] | null>;
   language: string;
+  initialCompanyLocations: QueryResponseInitial<CompanyLocation[]>;
 }) {
   const { data: newNav } = useQuery(
     NAV_QUERY,
@@ -49,6 +54,11 @@ export default function FooterPreview({
   const newCompanyInfo = useInitialData(COMPANY_INFO_QUERY, initialCompanyInfo);
   const newBrandAssets = useInitialData(BRAND_ASSETS_QUERY, initialBrandAssets);
   const newSoMedata = useInitialData(SOME_PROFILES_QUERY, initialSoMe);
+  const newCompanyLocations = useInitialData(
+    COMPANY_LOCATIONS_QUERY,
+    initialCompanyLocations,
+  );
+
   const { data: newLegal } = useQuery(
     LEGAL_DOCUMENTS_BY_LANG_QUERY,
     { language },
@@ -59,11 +69,13 @@ export default function FooterPreview({
     newCompanyInfo &&
     newBrandAssets &&
     newSoMedata &&
-    newLegal && (
+    newLegal &&
+    newCompanyLocations && (
       <Footer
         navigationData={newNav}
         companyInfo={newCompanyInfo}
-        brandAssets={newBrandAssets}
+        companyLocations={newCompanyLocations}
+        /* brandAssets={newBrandAssets} */
         soMeData={newSoMedata}
         legalData={newLegal}
       />
diff --git a/src/components/navigation/footer/footer.module.css b/src/components/navigation/footer/footer.module.css
index fd381d302..a2f110b71 100644
--- a/src/components/navigation/footer/footer.module.css
+++ b/src/components/navigation/footer/footer.module.css
@@ -2,7 +2,7 @@
   display: flex;
   flex-direction: column;
   justify-content: center;
-  padding: 0 1rem 1rem 1rem;
+  padding: 1rem;
 
   @media (max-width: 425px) {
     padding: 0;