diff --git a/src/app/components/AppBar/index.tsx b/src/app/components/AppBar/index.tsx
index 1ae6f303b..f23f1066f 100644
--- a/src/app/components/AppBar/index.tsx
+++ b/src/app/components/AppBar/index.tsx
@@ -42,7 +42,6 @@ const NavList = (props: {
   ];
   const handleNavigation = () => {
     props.setIsNavExpanded?.(false);
-    document.body.style.overflow = "auto";
   };
   return (
     <>
diff --git a/src/app/components/Mobile/AppBarSearch/index.tsx b/src/app/components/Mobile/AppBarSearch/index.tsx
deleted file mode 100644
index af33f1304..000000000
--- a/src/app/components/Mobile/AppBarSearch/index.tsx
+++ /dev/null
@@ -1,123 +0,0 @@
-/* third-party */
-import React from "react";
-import get from "lodash/get";
-import { useHistory } from "react-router-dom";
-import SearchIcon from "@material-ui/icons/Search";
-import IconButton from "@material-ui/core/IconButton";
-import { useStoreActions, useStoreState } from "app/state/store/hooks";
-import {
-  useDebounce,
-  useUpdateEffect,
-  useSessionStorage,
-  useUnmount,
-} from "react-use";
-/* project */
-import { SearchLayout } from "app/components/Search/layout";
-import { SearchResultsTabModel } from "app/components/Search/components/results/data";
-
-export function MobileAppbarSearch() {
-  const history = useHistory();
-  const [open, setOpen] = React.useState(false);
-  const [storedValue, setStoredValue] = useSessionStorage(
-    "stored-search-string",
-    ""
-  );
-  const [value, setValue] = React.useState(storedValue);
-
-  // api call & data
-  const clearData = useStoreActions((store) => store.GlobalSearch.clear);
-  const fetchData = useStoreActions((store) => store.GlobalSearch.fetch);
-  const data = useStoreState(
-    (state) =>
-      get(state.GlobalSearch.data, "data", []) as SearchResultsTabModel[]
-  );
-  const isLoading = useStoreState((state) => state.GlobalSearch.loading);
-  const datasource = useStoreState((state) => state.DataSourceState.value);
-
-  React.useEffect(() => {
-    history.listen(() => {
-      if (open) {
-        setOpen(false);
-      }
-    });
-  }, [history]);
-
-  useUpdateEffect(() => {
-    const gihubBtn = document.getElementById("github-linkbtn");
-    if (open) {
-      document.body.style.overflowY = "hidden";
-      if (gihubBtn) {
-        gihubBtn.style.display = "none";
-      }
-    } else {
-      document.body.style.overflowY = "auto";
-      if (gihubBtn) {
-        gihubBtn.style.display = "inherit";
-      }
-    }
-  }, [open]);
-
-  useUnmount(() => {
-    document.body.style.overflowY = "auto";
-  });
-
-  useUpdateEffect(() => {
-    setStoredValue(value);
-  }, [value]);
-
-  const [,] = useDebounce(
-    () => {
-      if (value.length > 0) {
-        fetchData({
-          filterString: `q=${value}&datasource=${datasource}`,
-        });
-      } else {
-        clearData();
-      }
-    },
-    500,
-    [value]
-  );
-
-  return (
-    <React.Fragment>
-      {!open && (
-        <IconButton
-          css={`
-            padding-right: 0;
-          `}
-          onClick={() => setOpen(!open)}
-        >
-          <SearchIcon htmlColor="#fff" />
-        </IconButton>
-      )}
-      {open && (
-        <div
-          css={`
-            @media (max-width: 767px) {
-              top: 0;
-              left: 0;
-              width: 100vw;
-              position: absolute;
-              height: calc(100vh - 56px);
-
-              > div {
-                height: 100% !important;
-              }
-            }
-          `}
-        >
-          <SearchLayout
-            forceFocus
-            value={value}
-            results={data}
-            loading={isLoading}
-            setValue={setValue}
-            onClose={() => setOpen(false)}
-            setStoredValue={setStoredValue}
-          />
-        </div>
-      )}
-    </React.Fragment>
-  );
-}
diff --git a/src/app/modules/chart-module/__test__/filter.test.tsx b/src/app/modules/chart-module/__test__/filter.test.tsx
index 62be42c83..65815cd2a 100644
--- a/src/app/modules/chart-module/__test__/filter.test.tsx
+++ b/src/app/modules/chart-module/__test__/filter.test.tsx
@@ -103,7 +103,7 @@ const checkIfAllOptionsAreChecked = (options: FilterGroupOptionModel[]) => {
   options.forEach((option: FilterGroupOptionModel) => {
     expect(
       screen.getByRole("checkbox", {
-        name: option.label,
+        name: option.label + " ()",
       })
     ).toBeChecked();
     if (option.subOptions && isOptionExpanded) {
@@ -118,7 +118,7 @@ const checkIfAllOptionsAreUnchecked = (options: FilterGroupOptionModel[]) => {
   options.forEach((option: FilterGroupOptionModel) => {
     expect(
       screen.getByRole("checkbox", {
-        name: option.label,
+        name: option.label + " ()",
       })
     ).not.toBeChecked();
     if (option.subOptions && isOptionExpanded) {
@@ -354,14 +354,14 @@ test("search input should filter options", async () => {
   expect(screen.getAllByTestId("filter-option-checkbox").length).toBe(5);
   const filteredOptions = ["100", "1000", "10016", "10033", "1005"];
   filteredOptions.forEach((option: string) => {
-    expect(screen.getByLabelText(option)).toBeInTheDocument();
+    expect(screen.getByLabelText(option + " ()")).toBeInTheDocument();
   });
 
   //delete search input
   await user.clear(searchInput);
   expect(screen.getAllByTestId("filter-option-checkbox").length).toBe(3);
   props.options.forEach((option: any) => {
-    expect(screen.getByLabelText(option.label)).toBeInTheDocument();
+    expect(screen.getByLabelText(option.label + " ()")).toBeInTheDocument();
   });
 });
 
@@ -380,7 +380,9 @@ test("should multi check and uncheck filter options", async () => {
   render(app);
   const checkboxList: HTMLElement[] = [];
   props.options.forEach((option: any) => {
-    checkboxList.push(screen.getByRole("checkbox", { name: option.label }));
+    checkboxList.push(
+      screen.getByRole("checkbox", { name: option.label + " ()" })
+    );
   });
   expect(checkboxList.length).toBe(3);
   //multi check filte options
diff --git a/src/app/modules/common/no-match-page/index.tsx b/src/app/modules/common/no-match-page/index.tsx
index 4f5eb31ab..05a68acdc 100644
--- a/src/app/modules/common/no-match-page/index.tsx
+++ b/src/app/modules/common/no-match-page/index.tsx
@@ -1,5 +1,4 @@
 import React from "react";
-import get from "lodash/get";
 import { Link, useHistory } from "react-router-dom";
 import { ReactComponent as NotFoundIcon } from "app/modules/common/no-match-page/asset/404.svg";
 import { ReactComponent as BgImg } from "app/modules/common/no-match-page/asset/bg-ellipse.svg";
@@ -11,7 +10,14 @@ import SmallFooter from "app/modules/home-module/components/Footer/smallFooter";
 export const NoMatchPage = () => {
   const history = useHistory();
   return (
-    <div>
+    <div
+      css={`
+        min-height: 100vh;
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+      `}
+    >
       <div
         css={`
           width: 100%;
diff --git a/src/app/modules/home-module/components/AssetCollection/All/assetsGrid.tsx b/src/app/modules/home-module/components/AssetCollection/All/assetsGrid.tsx
index d2bda6528..973e599c4 100644
--- a/src/app/modules/home-module/components/AssetCollection/All/assetsGrid.tsx
+++ b/src/app/modules/home-module/components/AssetCollection/All/assetsGrid.tsx
@@ -23,7 +23,7 @@ import ColoredReportIcon from "app/assets/icons/ColoredReportIcon";
 import DeleteDatasetDialog from "app/components/Dialogs/deleteDatasetDialog";
 import DeleteReportDialog from "app/components/Dialogs/deleteReportDialog";
 import { EditorState, convertFromRaw } from "draft-js";
-import { DatasetListItemAPIModel } from "app/modules/dataset-module/data";
+import { getLimit } from "app/modules/home-module/components/AssetCollection/Datasets/datasetsGrid";
 import { HomepageTable } from "app/modules/home-module/components/Table/";
 import { planDialogAtom } from "app/state/recoil/atoms";
 import { useSetRecoilState } from "recoil";
@@ -55,7 +55,7 @@ export default function AssetsGrid(props: Props) {
 
   const token = useStoreState((state) => state.AuthToken.value);
 
-  const limit = 15;
+  const limit = getLimit();
   const [offset, setOffset] = React.useState(0);
 
   const { isObserved } = useInfinityScroll(observerTarget);
diff --git a/src/app/modules/home-module/components/AssetCollection/Charts/chartsGrid.tsx b/src/app/modules/home-module/components/AssetCollection/Charts/chartsGrid.tsx
index e29bdd243..6f4bce3dc 100644
--- a/src/app/modules/home-module/components/AssetCollection/Charts/chartsGrid.tsx
+++ b/src/app/modules/home-module/components/AssetCollection/Charts/chartsGrid.tsx
@@ -22,6 +22,7 @@ import GridItem from "app/modules/home-module/components/AssetCollection/Charts/
 import { useAuth0 } from "@auth0/auth0-react";
 import { useSetRecoilState } from "recoil";
 import { planDialogAtom } from "app/state/recoil/atoms";
+import { getLimit } from "app/modules/home-module/components/AssetCollection/Datasets/datasetsGrid";
 
 interface Props {
   sortBy: string;
@@ -48,7 +49,8 @@ export default function ChartsGrid(props: Props) {
   const [enableButton, setEnableButton] = React.useState<boolean>(false);
   const token = useStoreState((state) => state.AuthToken.value);
   const initialRender = React.useRef(true);
-  const limit = 15;
+  const limit = getLimit();
+
   const [offset, setOffset] = React.useState(0);
 
   const { isObserved } = useInfinityScroll(observerTarget);
diff --git a/src/app/modules/home-module/components/AssetCollection/Datasets/datasetsGrid.tsx b/src/app/modules/home-module/components/AssetCollection/Datasets/datasetsGrid.tsx
index aa2be3a9c..0312fe374 100644
--- a/src/app/modules/home-module/components/AssetCollection/Datasets/datasetsGrid.tsx
+++ b/src/app/modules/home-module/components/AssetCollection/Datasets/datasetsGrid.tsx
@@ -30,12 +30,22 @@ interface Props {
   userOnly?: boolean;
 }
 
+export const getLimit = () => {
+  let rows = 4;
+  const size = Math.floor(window.innerHeight / 400);
+  if (window.innerHeight <= 1050) {
+    return rows * 4;
+  } else {
+    rows += size;
+    return rows * 4;
+  }
+};
 export default function DatasetsGrid(props: Readonly<Props>) {
+  const limit = getLimit();
   const observerTarget = React.useRef(null);
   const [cardId, setCardId] = React.useState<string>("");
   const [enableButton, setEnableButton] = React.useState<boolean>(false);
   const [modalDisplay, setModalDisplay] = React.useState<boolean>(false);
-  const limit = 15;
   const initialRender = React.useRef(true);
   const [offset, setOffset] = React.useState(0);
   const { isObserved } = useInfinityScroll(observerTarget);
@@ -43,7 +53,6 @@ export default function DatasetsGrid(props: Readonly<Props>) {
   const setPlanDialog = useSetRecoilState(planDialogAtom);
   const [loadedDatasets, setLoadedDatasets] =
     useRecoilState(loadedDatasetsAtom);
-
   const datasets = useStoreState(
     (state) =>
       (state.dataThemes.DatasetGetList.crudData ??
diff --git a/src/app/modules/home-module/components/AssetCollection/Reports/reportsGrid.tsx b/src/app/modules/home-module/components/AssetCollection/Reports/reportsGrid.tsx
index e5aa095c5..4aef70263 100644
--- a/src/app/modules/home-module/components/AssetCollection/Reports/reportsGrid.tsx
+++ b/src/app/modules/home-module/components/AssetCollection/Reports/reportsGrid.tsx
@@ -16,6 +16,7 @@ import { EditorState, convertFromRaw } from "draft-js";
 import { useSetRecoilState } from "recoil";
 import { planDialogAtom } from "app/state/recoil/atoms";
 import CircleLoader from "app/modules/home-module/components/Loader";
+import { getLimit } from "app/modules/home-module/components/AssetCollection/Datasets/datasetsGrid";
 
 interface Props {
   sortBy: string;
@@ -31,7 +32,7 @@ export default function ReportsGrid(props: Readonly<Props>) {
   const [modalDisplay, setModalDisplay] = React.useState<boolean>(false);
   const [enableButton, setEnableButton] = React.useState<boolean>(false);
   const [loadedReports, setLoadedReports] = React.useState<ReportModel[]>([]);
-  const limit = 15;
+  const limit = getLimit();
   const initialRender = React.useRef(true);
   const [offset, setOffset] = React.useState(0);
   const { isObserved } = useInfinityScroll(observerTarget);
diff --git a/src/app/modules/home-module/components/Footer/DesktopFooter.tsx b/src/app/modules/home-module/components/Footer/DesktopFooter.tsx
index 3a5222885..6eae38f50 100644
--- a/src/app/modules/home-module/components/Footer/DesktopFooter.tsx
+++ b/src/app/modules/home-module/components/Footer/DesktopFooter.tsx
@@ -18,264 +18,256 @@ export default function DesktopFooter() {
     }>
   >({});
   return (
-    <>
-      <div
-        css={`
-          height: 422px;
-        `}
-      />
-      <div css={homeFootercss}>
-        <Container maxWidth="lg">
+    <div css={homeFootercss}>
+      <Container maxWidth="lg">
+        <Grid
+          container
+          alignContent="space-between"
+          alignItems="center"
+          spacing={2}
+        >
           <Grid
-            container
-            alignContent="space-between"
-            alignItems="center"
-            spacing={2}
+            item
+            lg={3}
+            md={3}
+            sm={2}
+            css={`
+              a {
+                font-size: 16px;
+                text-decoration: none;
+                color: #000;
+                font-family: "GothamNarrow-Medium", sans-serif;
+              }
+            `}
           >
-            <Grid
-              item
-              lg={3}
-              md={3}
-              sm={2}
+            <ul
               css={`
-                a {
+                display: flex;
+                flex-direction: column;
+                gap: 18px;
+                li {
                   font-size: 16px;
-                  text-decoration: none;
+                  font-weight: 350;
                   color: #000;
-                  font-family: "GothamNarrow-Medium", sans-serif;
+                }
+                li:first-child {
+                  margin-bottom: 20px;
                 }
               `}
             >
-              <ul
-                css={`
-                  display: flex;
-                  flex-direction: column;
-                  gap: 18px;
-                  li {
-                    font-size: 16px;
-                    font-weight: 350;
-                    color: #000;
-                  }
-                  li:first-child {
-                    margin-bottom: 20px;
-                  }
-                `}
-              >
-                <li>
-                  <Link to="/">
-                    <LogoIcon />
-                  </Link>
-                </li>
-                <li>
-                  <Link to="/">Explore</Link>{" "}
-                </li>
-                <li>
-                  <Link to="/why-dataxplorer"> Why Dataxplorer</Link>{" "}
-                </li>
-                <li>
-                  <Link to="/about">About</Link>
-                </li>
-                <li>
-                  <Link to="/partners">Partners</Link>
-                </li>
-                <li>
-                  <Link to="/pricing">Pricing</Link>
-                </li>
-                <li>
-                  <Link to="/contact">Contact</Link>
-                </li>
-              </ul>
-            </Grid>
-            <Grid
-              item
-              lg={3}
-              md={3}
-              sm={4}
-              css={`
-                ul {
-                  margin-top: 20px;
-                  color: #000;
-                  font-weight: 325;
-                  font-family: "GothamNarrow-Medium", sans-serif;
-                  @media (max-width: 945px) {
-                    padding-left: 40px;
-                  }
+              <li>
+                <Link to="/">
+                  <LogoIcon />
+                </Link>
+              </li>
+              <li>
+                <Link to="/">Explore</Link>{" "}
+              </li>
+              <li>
+                <Link to="/why-dataxplorer"> Why Dataxplorer</Link>{" "}
+              </li>
+              <li>
+                <Link to="/about">About</Link>
+              </li>
+              <li>
+                <Link to="/partners">Partners</Link>
+              </li>
+              <li>
+                <Link to="/pricing">Pricing</Link>
+              </li>
+              <li>
+                <Link to="/contact">Contact</Link>
+              </li>
+            </ul>
+          </Grid>
+          <Grid
+            item
+            lg={3}
+            md={3}
+            sm={4}
+            css={`
+              ul {
+                margin-top: 20px;
+                color: #000;
+                font-weight: 325;
+                font-family: "GothamNarrow-Medium", sans-serif;
+                @media (max-width: 945px) {
+                  padding-left: 40px;
                 }
-                a {
-                  text-decoration: none;
-                  color: #000;
+              }
+              a {
+                text-decoration: none;
+                color: #000;
+              }
+              li {
+                font-size: 12px;
+                :nth-child(1),
+                :nth-child(2) {
+                  margin-bottom: 17px;
                 }
-                li {
-                  font-size: 12px;
-                  :nth-child(1),
-                  :nth-child(2) {
-                    margin-bottom: 17px;
-                  }
-                  p {
-                    margin: 0px;
-                    line-height: normal;
-                  }
+                p {
+                  margin: 0px;
+                  line-height: normal;
                 }
-              `}
-            >
-              <ul>
-                <li>Tel: +3185 401 5241</li>
-                <li>
-                  {" "}
-                  <a href="mailto:contact@dataxplorer.org">
-                    Email: contact@dataxplorer.org
-                  </a>{" "}
-                </li>
-                <li>
-                  <p>Keizersgracht 520H</p>
+              }
+            `}
+          >
+            <ul>
+              <li>Tel: +3185 401 5241</li>
+              <li>
+                {" "}
+                <a href="mailto:contact@dataxplorer.org">
+                  Email: contact@dataxplorer.org
+                </a>{" "}
+              </li>
+              <li>
+                <p>Keizersgracht 520H</p>
 
-                  <p>1017 EK Amsterdam</p>
+                <p>1017 EK Amsterdam</p>
 
-                  <p>The Netherlands</p>
-                </li>
-              </ul>
-            </Grid>
+                <p>The Netherlands</p>
+              </li>
+            </ul>
+          </Grid>
 
-            <Grid item lg={6} md={6} sm={6}>
-              <p
+          <Grid item lg={6} md={6} sm={6}>
+            <p
+              css={`
+                font-size: 16px;
+                font-weight: 350;
+                color: #000;
+                font-family: "GothamNarrow-Medium", sans-serif;
+              `}
+            >
+              Subscribe to our newsletter
+            </p>
+            {formError.email && (
+              <label
                 css={`
-                  font-size: 16px;
-                  font-weight: 350;
-                  color: #000;
-                  font-family: "GothamNarrow-Medium", sans-serif;
+                  font-family: "Inter", sans-serif;
+                  font-size: 12px;
+                  text-align: left;
+                  width: 100%;
+                  padding-left: 10px;
+                  color: #e75656;
                 `}
               >
-                Subscribe to our newsletter
-              </p>
-              {formError.email && (
-                <label
-                  css={`
-                    font-family: "Inter", sans-serif;
-                    font-size: 12px;
-                    text-align: left;
-                    width: 100%;
-                    padding-left: 10px;
-                    color: #e75656;
-                  `}
-                >
-                  Please enter a valid email address.
-                </label>
-              )}
-              <div
-                css={`
-                  border-radius: 40px;
-                  background: #f7f7f7;
-                  /* width: 611px; */
-                  width: 100%;
-                  height: 47px;
-                  display: flex;
+                Please enter a valid email address.
+              </label>
+            )}
+            <div
+              css={`
+                border-radius: 40px;
+                background: #f7f7f7;
+                /* width: 611px; */
+                width: 100%;
+                height: 47px;
+                display: flex;
 
-                  input {
-                    outline: none;
-                    border: none;
-                    border-radius: 34.5px 0 0 34.5px;
-                    width: 70%;
-                    padding-left: 24px;
-                    background: #f7f7f7;
+                input {
+                  outline: none;
+                  border: none;
+                  border-radius: 34.5px 0 0 34.5px;
+                  width: 70%;
+                  padding-left: 24px;
+                  background: #f7f7f7;
+                  font-family: "Roboto", sans-serif;
+                  font-weight: 400;
+                  ::placeholder {
                     font-family: "Roboto", sans-serif;
                     font-weight: 400;
-                    ::placeholder {
-                      font-family: "Roboto", sans-serif;
-                      font-weight: 400;
-                      color: #000;
-                    }
-                  }
-                  button {
-                    border: none;
-                    outline: none;
-                    border-radius: 0 34.5px 34.5px 0;
-                    background: #231d2c;
-                    text-transform: uppercase;
-                    color: #fff;
-                    font-family: "Inter", sans-serif;
-                    font-size: 14px;
-                    width: 30%;
-                    font-weight: 700;
-                    cursor: pointer;
+                    color: #000;
                   }
-                `}
-              >
-                <NewsletterForm
-                  setIsSubscribed={setIsSubscribed}
-                  setIsSubscriptionFailed={setIsSubscriptionFailed}
-                  setFormError={setFormError}
-                />
-              </div>
-              <p
-                css={`
-                  line-height: normal;
-                  font-size: 12px;
-                  height: 30px;
-                `}
-              >
-                {isSubscribed
-                  ? "Thank you for subscribing!"
-                  : isSubscriptionFailed
-                  ? "Oops! Something went wrong with the request! Please fill your email again."
-                  : "  You will receive occasional emails from DX. You always have choice to unsubscribe within every Email."}
-              </p>
-            </Grid>
+                }
+                button {
+                  border: none;
+                  outline: none;
+                  border-radius: 0 34.5px 34.5px 0;
+                  background: #231d2c;
+                  text-transform: uppercase;
+                  color: #fff;
+                  font-family: "Inter", sans-serif;
+                  font-size: 14px;
+                  width: 30%;
+                  font-weight: 700;
+                  cursor: pointer;
+                }
+              `}
+            >
+              <NewsletterForm
+                setIsSubscribed={setIsSubscribed}
+                setIsSubscriptionFailed={setIsSubscriptionFailed}
+                setFormError={setFormError}
+              />
+            </div>
+            <p
+              css={`
+                line-height: normal;
+                font-size: 12px;
+                height: 30px;
+              `}
+            >
+              {isSubscribed
+                ? "Thank you for subscribing!"
+                : isSubscriptionFailed
+                ? "Oops! Something went wrong with the request! Please fill your email again."
+                : "  You will receive occasional emails from DX. You always have choice to unsubscribe within every Email."}
+            </p>
           </Grid>
-          <div
+        </Grid>
+        <div
+          css={`
+            display: flex;
+            gap: 38px;
+            align-items: center;
+            border-top: 1px solid #d9d9d9;
+            padding-top: 4px;
+            padding-bottom: 20px;
+            font-size: 12px;
+
+            margin-top: 40px;
+            a {
+              text-decoration: none;
+              color: #000;
+            }
+          `}
+        >
+          <p
             css={`
               display: flex;
-              gap: 38px;
               align-items: center;
-              border-top: 1px solid #d9d9d9;
-              padding-top: 4px;
-              padding-bottom: 20px;
-              font-size: 12px;
-
-              margin-top: 40px;
-              a {
-                text-decoration: none;
-                color: #000;
-              }
+              gap: 8px;
+              margin: 0;
+              padding: 0;
             `}
           >
-            <p
-              css={`
-                display: flex;
-                align-items: center;
-                gap: 8px;
-                margin: 0;
-                padding: 0;
-              `}
+            <CopyIcon />
+            {moment(new Date()).format("YYYY")} Dataxplorer All Rights Reserved
+          </p>
+          <p>
+            {" "}
+            <a
+              href="https://drive.google.com/file/d/1andhlQEoaEq5qDxMbtnApXiZborsg-bG/view"
+              className="privacy-link"
+              target="_blank"
+              rel="noreferrer"
             >
-              <CopyIcon />
-              {moment(new Date()).format("YYYY")} Dataxplorer All Rights
-              Reserved
-            </p>
-            <p>
-              {" "}
-              <a
-                href="https://drive.google.com/file/d/1andhlQEoaEq5qDxMbtnApXiZborsg-bG/view"
-                className="privacy-link"
-                target="_blank"
-                rel="noreferrer"
-              >
-                Privacy
-              </a>{" "}
-            </p>
-            <p>
-              {" "}
-              <a
-                href="https://drive.google.com/file/d/1wgY5HYdE5-redIOF85E5fZZJT_YueOWP/view?usp=sharing"
-                className="privacy-link"
-                target="_blank"
-                rel="noreferrer"
-              >
-                Terms and conditions
-              </a>{" "}
-            </p>
-          </div>
-        </Container>
-      </div>
-    </>
+              Privacy
+            </a>{" "}
+          </p>
+          <p>
+            {" "}
+            <a
+              href="https://drive.google.com/file/d/1wgY5HYdE5-redIOF85E5fZZJT_YueOWP/view?usp=sharing"
+              className="privacy-link"
+              target="_blank"
+              rel="noreferrer"
+            >
+              Terms and conditions
+            </a>{" "}
+          </p>
+        </div>
+      </Container>
+    </div>
   );
 }
diff --git a/src/app/modules/home-module/components/Footer/MobileFooter.tsx b/src/app/modules/home-module/components/Footer/MobileFooter.tsx
index 51d0322f1..6d39879fc 100644
--- a/src/app/modules/home-module/components/Footer/MobileFooter.tsx
+++ b/src/app/modules/home-module/components/Footer/MobileFooter.tsx
@@ -6,101 +6,90 @@ import moment from "moment";
 
 export default function MobileFooter() {
   return (
-    <>
+    <div
+      css={`
+        height: 113px;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+        background: white;
+        padding: 16px;
+      `}
+    >
+      <Link to="/">
+        <LogoIcon />
+      </Link>
+      <hr
+        css={`
+          color: #d9d9d9;
+          height: 1px;
+          width: 100%;
+        `}
+      />
       <div
         css={`
-          height: 60px;
+          height: 14px;
         `}
       />
       <div
         css={`
-          height: 113px;
+          height: 39px;
+          text-align: center;
           display: flex;
           flex-direction: column;
-          justify-content: center;
           align-items: center;
-          background: white;
-          padding: 16px;
-          position: absolute;
-          bottom: 0;
-          left: 0;
-          right: 0;
+          a {
+            text-decoration: none;
+            color: #000;
+            font-size: 12px;
+            font-family: "GothamNarrow-Book", sans-serif;
+          }
+          p:nth-of-type(1) {
+            display: flex;
+            align-items: center;
+            gap: 20px;
+            margin: 0;
+          }
+          p:nth-of-type(2) {
+            display: flex;
+            align-items: center;
+            gap: 8px;
+            margin: 0;
+          }
         `}
       >
-        <Link to="/">
-          <LogoIcon />
-        </Link>
-        <hr
-          css={`
-            color: #d9d9d9;
-            height: 1px;
-            width: 100%;
-          `}
-        />
-        <div
-          css={`
-            height: 14px;
-          `}
-        />
-        <div
+        <p>
+          <a
+            href="https://drive.google.com/file/d/1andhlQEoaEq5qDxMbtnApXiZborsg-bG/view"
+            className="privacy-link"
+            target="_blank"
+            rel="noreferrer"
+          >
+            Privacy
+          </a>{" "}
+          <a
+            href="https://drive.google.com/file/d/1wgY5HYdE5-redIOF85E5fZZJT_YueOWP/view?usp=sharing"
+            className="privacy-link"
+            target="_blank"
+            rel="noreferrer"
+          >
+            Terms and conditions
+          </a>{" "}
+        </p>
+        <p
           css={`
-            height: 39px;
-            text-align: center;
             display: flex;
-            flex-direction: column;
             align-items: center;
-            a {
-              text-decoration: none;
-              color: #000;
-              font-size: 12px;
-              font-family: "GothamNarrow-Book", sans-serif;
-            }
-            p:nth-of-type(1) {
-              display: flex;
-              align-items: center;
-              gap: 20px;
-              margin: 0;
-            }
-            p:nth-of-type(2) {
-              display: flex;
-              align-items: center;
-              gap: 8px;
-              margin: 0;
-            }
+            gap: 8px;
+            margin: 0;
+            padding: 0;
           `}
         >
-          <p>
-            <a
-              href="https://drive.google.com/file/d/1andhlQEoaEq5qDxMbtnApXiZborsg-bG/view"
-              className="privacy-link"
-              target="_blank"
-              rel="noreferrer"
-            >
-              Privacy
-            </a>{" "}
-            <a
-              href="https://drive.google.com/file/d/1wgY5HYdE5-redIOF85E5fZZJT_YueOWP/view?usp=sharing"
-              className="privacy-link"
-              target="_blank"
-              rel="noreferrer"
-            >
-              Terms and conditions
-            </a>{" "}
-          </p>
-          <p
-            css={`
-              display: flex;
-              align-items: center;
-              gap: 8px;
-              margin: 0;
-              padding: 0;
-            `}
-          >
-            <CopyIcon />
-            {moment(new Date()).format("YYYY")} Dataxplorer All Rights Reserved
-          </p>
-        </div>
+          <CopyIcon />
+          {moment(new Date()).format("YYYY")} Dataxplorer All Rights Reserved
+        </p>
       </div>
-    </>
+    </div>
   );
 }
diff --git a/src/app/modules/home-module/components/Footer/smallFooter.tsx b/src/app/modules/home-module/components/Footer/smallFooter.tsx
index 7bcf27039..fc23b6cdc 100644
--- a/src/app/modules/home-module/components/Footer/smallFooter.tsx
+++ b/src/app/modules/home-module/components/Footer/smallFooter.tsx
@@ -5,75 +5,63 @@ import { Container } from "@material-ui/core";
 
 function SmallFooter() {
   return (
-    <>
-      <div
-        css={`
-          height: 77px;
-        `}
-      />
-      <div
-        css={`
-          background: white;
-          position: absolute;
-          bottom: 0;
-          left: 0;
-          right: 0;
-        `}
-      >
-        <Container maxWidth="lg">
-          <div
+    <div
+      css={`
+        background: white;
+      `}
+    >
+      <Container maxWidth="lg">
+        <div
+          css={`
+            display: flex;
+            gap: 38px;
+            align-items: center;
+            padding-top: 25px;
+            padding-bottom: 28px;
+            font-size: 12px;
+            a {
+              text-decoration: none;
+              color: #000;
+            }
+            p {
+              margin: 0;
+              padding: 0;
+            }
+          `}
+        >
+          <p
             css={`
               display: flex;
-              gap: 38px;
               align-items: center;
-              padding-top: 25px;
-              padding-bottom: 28px;
-              font-size: 12px;
-              a {
-                text-decoration: none;
-                color: #000;
-              }
-              p {
-                margin: 0;
-                padding: 0;
-              }
+              gap: 8px;
             `}
           >
-            <p
-              css={`
-                display: flex;
-                align-items: center;
-                gap: 8px;
-              `}
+            <CopyIcon />
+            {moment(new Date()).format("YYYY")} Dataxplorer All Rights Reserved
+          </p>
+          <p>
+            <a
+              href="https://drive.google.com/file/d/1andhlQEoaEq5qDxMbtnApXiZborsg-bG/view"
+              className="privacy-link"
+              target="_blank"
+              rel="noreferrer"
             >
-              <CopyIcon />
-              {moment(new Date()).format("YYYY")} Dataxplorer All Rights
-              Reserved
-            </p>
-            <p>
-              <a
-                href="https://drive.google.com/file/d/1andhlQEoaEq5qDxMbtnApXiZborsg-bG/view"
-                className="privacy-link"
-                target="_blank"
-                rel="noreferrer"
-              >
-                Privacy
-              </a>
-            </p>
-            <p>
-              <a
-                href="https://drive.google.com/file/d/1wgY5HYdE5-redIOF85E5fZZJT_YueOWP/view?usp=sharing"
-                className="privacy-link"
-                target="_blank"
-                rel="noreferrer"
-              >
-                Terms and conditions
-              </a>
-            </p>
-          </div>
-        </Container>
-      </div>
-    </>
+              Privacy
+            </a>
+          </p>
+          <p>
+            <a
+              href="https://drive.google.com/file/d/1wgY5HYdE5-redIOF85E5fZZJT_YueOWP/view?usp=sharing"
+              className="privacy-link"
+              target="_blank"
+              rel="noreferrer"
+            >
+              Terms and conditions
+            </a>
+          </p>
+        </div>
+      </Container>
+    </div>
   );
 }
 
diff --git a/src/app/modules/home-module/components/Footer/style.ts b/src/app/modules/home-module/components/Footer/style.ts
index 88bad723a..a1b0068bf 100644
--- a/src/app/modules/home-module/components/Footer/style.ts
+++ b/src/app/modules/home-module/components/Footer/style.ts
@@ -1,10 +1,8 @@
 import { css } from "styled-components/macro";
 
 export const homeFootercss = css`
-  /* width: 100vw; */
   background: #fff;
   padding-top: 27px;
-  position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
diff --git a/src/app/modules/home-module/index.tsx b/src/app/modules/home-module/index.tsx
index 6d5c2eac0..0569dae03 100644
--- a/src/app/modules/home-module/index.tsx
+++ b/src/app/modules/home-module/index.tsx
@@ -40,6 +40,10 @@ export default function HomeModule() {
     <div
       css={`
         margin-top: 48px;
+        min-height: calc(100vh - 48px);
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
       `}
     >
       {!isAuthenticated ? (
diff --git a/src/app/modules/home-module/sub-modules/about/index.tsx b/src/app/modules/home-module/sub-modules/about/index.tsx
index bb4e9dc17..2962be775 100644
--- a/src/app/modules/home-module/sub-modules/about/index.tsx
+++ b/src/app/modules/home-module/sub-modules/about/index.tsx
@@ -204,585 +204,599 @@ export default function AboutModule() {
   const allTeamCarousel = [...teamCarousel, ...futureTeam];
 
   return (
-    <section
+    <div
       css={`
-        background-image: url(${EllipsesMobile});
-        background-repeat: no-repeat;
-        background-position: 40% 0%;
-        height: 100%;
-        padding-bottom: 80px;
-        background-color: linear-gradient(
-          180deg,
-          rgba(255, 255, 255, 0) 0%,
-          #f2f7fd 100%
-        );
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        min-height: 100vh;
       `}
     >
-      <Box height={48} />
-      <div
+      <section
         css={`
-          height: 77px;
-          @media (max-width: 600px) {
-            height: 48px;
-          }
+          background-image: url(${EllipsesMobile});
+          background-repeat: no-repeat;
+          background-position: 40% 0%;
+          height: 100%;
+          padding-bottom: 80px;
+          background-color: linear-gradient(
+            180deg,
+            rgba(255, 255, 255, 0) 0%,
+            #f2f7fd 100%
+          );
         `}
-      />
-
-      <Container maxWidth="lg">
+      >
+        <Box height={48} />
         <div
           css={`
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            @media (max-width: 805px) {
-              flex-direction: column;
+            height: 77px;
+            @media (max-width: 600px) {
+              height: 48px;
             }
           `}
-        >
+        />
+
+        <Container maxWidth="lg">
           <div
             css={`
-              width: 518px;
-              @media (max-width: 1200px) {
-                width: 62%;
-              }
+              display: flex;
+              justify-content: space-between;
+              align-items: center;
               @media (max-width: 805px) {
-                width: 100%;
-              }
-              @media (max-width: 500px) {
-                p {
-                  font-size: 16px;
-                }
-                h1 {
-                  font-size: 40px;
-                }
+                flex-direction: column;
               }
             `}
           >
-            <h1
+            <div
               css={`
-                font-family: "GothamNarrow-Bold", "Helvetica Neue", sans-serif;
-                font-size: 64px;
-                font-style: normal;
-                font-weight: 400;
-                line-height: 130%;
-                margin: 0;
+                width: 518px;
+                @media (max-width: 1200px) {
+                  width: 62%;
+                }
+                @media (max-width: 805px) {
+                  width: 100%;
+                }
+                @media (max-width: 500px) {
+                  p {
+                    font-size: 16px;
+                  }
+                  h1 {
+                    font-size: 40px;
+                  }
+                }
               `}
             >
-              Our Story
-            </h1>
+              <h1
+                css={`
+                  font-family: "GothamNarrow-Bold", "Helvetica Neue", sans-serif;
+                  font-size: 64px;
+                  font-style: normal;
+                  font-weight: 400;
+                  line-height: 130%;
+                  margin: 0;
+                `}
+              >
+                Our Story
+              </h1>
+
+              <p
+                css={`
+                  margin: 0;
+                  margin-top: 37.38px;
+                  font-size: 20px;
+                  font-style: normal;
+                  font-weight: 350;
+                  line-height: normal;
+                  font-family: "GothamNarrow-Medium", "Helvetica Neue",
+                    sans-serif;
+                  @media (max-width: 1024px) {
+                    font-family: "GothamNarrow-Book", "Helvetica Neue",
+                      sans-serif;
+                  }
+                `}
+              >
+                With 20+ years combined experience in data and global health
+                development, we empower organisations with innovative data
+                solutions to enhance their communication. Our decade-long
+                commitment drives us to advance data communication continually.
+                <br />
+                <br />
+                Discover the true potential of your data with Dataxplorer. Let
+                us help you harness its power!
+              </p>
+
+              <div
+                css={`
+                  margin-top: 59px;
+                  @media (max-width: 500px) {
+                    margin-top: 24px;
+                  }
+                `}
+              >
+                {isAuthenticated && (
+                  <div
+                    css={`
+                      display: flex;
+                      column-gap: 20px;
+                      @media (max-width: 425px) {
+                        flex-direction: column;
+                        gap: 10px;
+                        button {
+                          width: 51%;
+                        }
+                      }
+                    `}
+                  >
+                    <Link
+                      to="/report/new/initial"
+                      data-cy="empower-block-create-report-link"
+                    >
+                      <HomePrimaryButton color="#6061E5" type="button">
+                        CREATE REPORT
+                      </HomePrimaryButton>
+                    </Link>
+                    <Link to="/" data-cy="empower-block-explore-reports-link">
+                      <HomePrimaryButton color="#E492BD" type="button">
+                        EXPLORE REPORTS
+                      </HomePrimaryButton>
+                    </Link>
+                  </div>
+                )}
+                {!isAuthenticated && (
+                  <div
+                    id="auth-buttons"
+                    css={`
+                      gap: 20px;
+                      width: 100%;
+                      display: flex;
+                      flex-direction: row;
 
-            <p
+                      > button {
+                        gap: 10px;
+                        color: #fff;
+                        display: flex;
+                        padding: 9px 18px !important;
+                        background: #a1a2ff;
+                        align-items: center;
+                        justify-content: center;
+                        text-transform: uppercase;
+                        height: 41px;
+                        border-radius: 30px;
+                        outline: none;
+                        border: none;
+                        font-family: "Inter", sans-serif;
+                        font-weight: 700;
+                        font-size: 14px;
+                        text-transform: uppercase;
+                        text-decoration: none;
+                        white-space: nowrap;
+                        :hover {
+                          opacity: 0.8;
+                          cursor: pointer;
+                        }
+
+                        > svg {
+                          transform: scale(0.8);
+                        }
+                        @media (max-width: 600px) {
+                          gap: 3px;
+                        }
+                      }
+                      @media (max-width: 660px) {
+                        flex-direction: column;
+                        gap: 10px;
+                        button {
+                          width: 80%;
+                        }
+                        @media (max-width: 475px) {
+                          button {
+                            width: 100%;
+                          }
+                        }
+                      }
+                    `}
+                  >
+                    <button onClick={() => socialAuth("google-oauth2")}>
+                      <GoogleIcon /> sign in for free
+                    </button>
+                    <button onClick={() => socialAuth("linkedin")}>
+                      <LinkedInIcon /> sign in for free
+                    </button>
+                    <button onClick={() => socialAuth("windowslive")}>
+                      <MicrosoftIcon /> sign in for free
+                    </button>
+                  </div>
+                )}
+              </div>
+            </div>
+
+            <div
               css={`
-                margin: 0;
-                margin-top: 37.38px;
-                font-size: 20px;
-                font-style: normal;
-                font-weight: 350;
-                line-height: normal;
-                font-family: "GothamNarrow-Medium", "Helvetica Neue", sans-serif;
-                @media (max-width: 1024px) {
-                  font-family: "GothamNarrow-Book", "Helvetica Neue", sans-serif;
+                margin-right: -41px;
+                @media (max-width: 1200px) {
+                  margin-right: unset;
+                  svg {
+                    width: 100%;
+                    height: 100%;
+                  }
+                }
+                @media (max-width: 500px) {
+                  margin-top: 40px;
                 }
               `}
             >
-              With 20+ years combined experience in data and global health
-              development, we empower organisations with innovative data
-              solutions to enhance their communication. Our decade-long
-              commitment drives us to advance data communication continually.
-              <br />
-              <br />
-              Discover the true potential of your data with Dataxplorer. Let us
-              help you harness its power!
-            </p>
-
+              <StoryImg />
+            </div>
+          </div>
+        </Container>
+        <Box height={77} />
+        <div
+          css={`
+            background-color: #6061e5;
+            padding: 48px 0;
+          `}
+        >
+          <Container maxWidth="lg">
             <div
               css={`
-                margin-top: 59px;
-                @media (max-width: 500px) {
-                  margin-top: 24px;
+                display: flex;
+                column-gap: 150px;
+                justify-content: center;
+                @media (max-width: 1110px) {
+                  column-gap: 88px;
+                }
+                @media (max-width: 905px) {
+                  column-gap: unset;
+                  flex-direction: column;
+                  gap: 40px;
                 }
               `}
             >
-              {isAuthenticated && (
+              {features.map((feature, index) => (
                 <div
+                  key={feature.title}
                   css={`
-                    display: flex;
-                    column-gap: 20px;
-                    @media (max-width: 425px) {
-                      flex-direction: column;
-                      gap: 10px;
-                      button {
-                        width: 51%;
-                      }
-                    }
-                  `}
-                >
-                  <Link
-                    to="/report/new/initial"
-                    data-cy="empower-block-create-report-link"
-                  >
-                    <HomePrimaryButton color="#6061E5" type="button">
-                      CREATE REPORT
-                    </HomePrimaryButton>
-                  </Link>
-                  <Link to="/" data-cy="empower-block-explore-reports-link">
-                    <HomePrimaryButton color="#E492BD" type="button">
-                      EXPLORE REPORTS
-                    </HomePrimaryButton>
-                  </Link>
-                </div>
-              )}
-              {!isAuthenticated && (
-                <div
-                  id="auth-buttons"
-                  css={`
-                    gap: 20px;
-                    width: 100%;
-                    display: flex;
-                    flex-direction: row;
-
-                    > button {
-                      gap: 10px;
-                      color: #fff;
-                      display: flex;
-                      padding: 9px 18px !important;
-                      background: #a1a2ff;
-                      align-items: center;
-                      justify-content: center;
-                      text-transform: uppercase;
-                      height: 41px;
-                      border-radius: 30px;
-                      outline: none;
-                      border: none;
-                      font-family: "Inter", sans-serif;
-                      font-weight: 700;
-                      font-size: 14px;
-                      text-transform: uppercase;
-                      text-decoration: none;
-                      white-space: nowrap;
-                      :hover {
-                        opacity: 0.8;
-                        cursor: pointer;
-                      }
-
-                      > svg {
-                        transform: scale(0.8);
-                      }
-                      @media (max-width: 600px) {
-                        gap: 3px;
-                      }
-                    }
-                    @media (max-width: 660px) {
-                      flex-direction: column;
-                      gap: 10px;
-                      button {
-                        width: 80%;
+                    width: ${index === 2 ? "100%" : "auto"};
+                    @media (max-width: 1218px) {
+                      h2 {
+                        margin-left: unset;
                       }
-                      @media (max-width: 475px) {
-                        button {
+                      p {
+                        &:nth-of-type(1) {
+                          margin-left: unset;
+                        }
+                        &:nth-of-type(2) {
                           width: 100%;
                         }
                       }
                     }
                   `}
                 >
-                  <button onClick={() => socialAuth("google-oauth2")}>
-                    <GoogleIcon /> sign in for free
-                  </button>
-                  <button onClick={() => socialAuth("linkedin")}>
-                    <LinkedInIcon /> sign in for free
-                  </button>
-                  <button onClick={() => socialAuth("windowslive")}>
-                    <MicrosoftIcon /> sign in for free
-                  </button>
+                  <h2
+                    css={`
+                      font-family: "GothamNarrow-Bold", "Helvetica Neue",
+                        sans-serif;
+                      font-size: 36px;
+                      font-style: normal;
+                      font-weight: 400;
+                      line-height: 130%;
+                      margin: 0;
+                      color: #fff;
+                      margin-left: 16.3%;
+                    `}
+                  >
+                    {feature.title}
+                  </h2>
+                  <p
+                    css={`
+                      font-size: 24px;
+                      font-family: "GothamNarrow-Bold", "Helvetica Neue",
+                        sans-serif;
+                      font-style: normal;
+                      font-weight: 400;
+                      line-height: 130%;
+                      margin: 0;
+                      color: #fff;
+                      margin-left: 16.3%;
+                    `}
+                  >
+                    {feature.subtitle}
+                  </p>
+                  <p
+                    css={`
+                      color: #fff;
+                      font-family: "GothamNarrow-Book", "Helvetica Neue",
+                        sans-serif;
+                      white-space: pre-line;
+                      width: 66%;
+                      margin: 16px auto 0 auto;
+                    `}
+                  >
+                    {feature.text}
+                  </p>
                 </div>
-              )}
+              ))}
             </div>
-          </div>
+          </Container>
+        </div>
+        <Box height={77} />
 
+        <Container maxWidth="lg">
+          <h2
+            css={`
+              font-family: "GothamNarrow-Bold", "Helvetica Neue", sans-serif;
+              font-size: 36px;
+              font-style: normal;
+              font-weight: 400;
+              line-height: 130%;
+              margin: 0;
+              text-align: center;
+              color: #231d2c;
+            `}
+          >
+            Meet Our Team
+          </h2>
+          <p
+            css={`
+              text-align: center;
+              font-size: 20px;
+              font-family: "GothamNarrow-Book", "Helvetica Neue", sans-serif;
+              font-style: normal;
+              font-weight: 325;
+              line-height: normal;
+              margin: 0;
+              margin-top: 11px;
+              color: #231d2c;
+            `}
+          >
+            Zimmerman B.V. is a data information technology company based in
+            Amsterdam that specialises
+            <br /> in making data meaningful through visualisation tooling and
+            dashboards.
+          </p>
+          <Box height={77} />
           <div
             css={`
-              margin-right: -41px;
-              @media (max-width: 1200px) {
-                margin-right: unset;
-                svg {
-                  width: 100%;
-                  height: 100%;
-                }
+              @media (min-width: 501px) {
+                display: none;
               }
-              @media (max-width: 500px) {
-                margin-top: 40px;
+              width: 55%;
+              height: 325px;
+              margin: auto;
+              img {
+                width: 100%;
+                height: 50%;
+
+                object-fit: cover;
               }
             `}
           >
-            <StoryImg />
+            <Carousel
+              autoPlay
+              infiniteLoop
+              swipeable
+              stopOnHover
+              showStatus={false}
+              showThumbs={false}
+              showArrows={false}
+              showIndicators={false}
+            >
+              {allTeamCarousel}
+            </Carousel>
           </div>
-        </div>
-      </Container>
-      <Box height={77} />
-      <div
-        css={`
-          background-color: #6061e5;
-          padding: 48px 0;
-        `}
-      >
-        <Container maxWidth="lg">
           <div
             css={`
-              display: flex;
-              column-gap: 150px;
-              justify-content: center;
-              @media (max-width: 1110px) {
-                column-gap: 88px;
+              display: grid;
+              grid-template-columns: repeat(4, minmax(0, 1fr));
+              column-gap: 48px;
+              row-gap: 64px;
+              @media (min-width: 880px) {
+                @media (max-width: 1314px) {
+                  row-gap: 56px;
+                  grid-template-columns: repeat(3, minmax(0, 1fr));
+                  justify-items: center;
+                }
               }
-              @media (max-width: 905px) {
-                column-gap: unset;
-                flex-direction: column;
-                gap: 40px;
+              @media (max-width: 879px) {
+                grid-template-columns: repeat(3, minmax(0, 1fr));
+                justify-items: center;
+                img {
+                  width: 100%;
+                  height: 70%;
+                  object-fit: cover;
+                }
+              }
+              @media (max-width: 830px) {
+                grid-template-columns: repeat(2, minmax(0, 1fr));
+                row-gap: 46px;
+                justify-items: center;
+                img {
+                  width: 100%;
+                  height: 70%;
+                  object-fit: cover;
+                }
+              }
+              @media (max-width: 500px) {
+                display: none;
               }
             `}
           >
-            {features.map((feature, index) => (
-              <div
-                key={feature.title}
-                css={`
-                  width: ${index === 2 ? "100%" : "auto"};
-                  @media (max-width: 1218px) {
-                    h2 {
-                      margin-left: unset;
-                    }
-                    p {
-                      &:nth-of-type(1) {
-                        margin-left: unset;
-                      }
-                      &:nth-of-type(2) {
-                        width: 100%;
-                      }
-                    }
-                  }
-                `}
-              >
-                <h2
+            {team.map((member) => (
+              <div key={member.name}>
+                <img
+                  src={member.img}
+                  alt={member.name}
                   css={`
-                    font-family: "GothamNarrow-Bold", "Helvetica Neue",
-                      sans-serif;
-                    font-size: 36px;
-                    font-style: normal;
-                    font-weight: 400;
-                    line-height: 130%;
-                    margin: 0;
-                    color: #fff;
-                    margin-left: 16.3%;
+                    width: 270.25px;
+                    height: 307.25px;
+                    border-radius: 20px;
                   `}
-                >
-                  {feature.title}
-                </h2>
+                />
                 <p
                   css={`
+                    margin: 0;
+                    margin-top: 32px;
                     font-size: 24px;
                     font-family: "GothamNarrow-Bold", "Helvetica Neue",
                       sans-serif;
                     font-style: normal;
                     font-weight: 400;
-                    line-height: 130%;
-                    margin: 0;
-                    color: #fff;
-                    margin-left: 16.3%;
+                    line-height: normal;
+                    color: #504e4e;
+                    white-space: pre-line;
                   `}
                 >
-                  {feature.subtitle}
+                  {member.name}
                 </p>
                 <p
                   css={`
-                    color: #fff;
+                    margin: 0;
+                    font-size: 16px;
+                    font-style: normal;
+                    font-weight: 325;
+                    line-height: normal;
                     font-family: "GothamNarrow-Book", "Helvetica Neue",
                       sans-serif;
-                    white-space: pre-line;
-                    width: 66%;
-                    margin: 16px auto 0 auto;
+                    color: #231d2c;
                   `}
                 >
-                  {feature.text}
+                  {member.role}
                 </p>
               </div>
             ))}
+            {Array.from({ length: 2 }).map((_, index) => (
+              <div key={index}>
+                <img
+                  src={EmptyAvi}
+                  alt={"Empty"}
+                  css={`
+                    width: 270.25px;
+                    height: 307.25px;
+                    border-radius: 20px;
+                  `}
+                />
+                <Link
+                  to={"/contact"}
+                  css={`
+                    margin-top: 32px;
+                    font-family: Inter;
+                    font-size: 20px;
+                    font-style: normal;
+                    font-weight: 700;
+                    line-height: normal;
+                    text-transform: uppercase;
+                    border-radius: 30px;
+                    background: #231d2c;
+                    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
+                    width: max-content;
+                    margin: 32px auto 0 auto;
+                    display: block;
+                    color: #fff;
+                    padding: 12px 27px;
+                    border: none;
+                    text-decoration: none;
+                  `}
+                >
+                  Join Our Team
+                </Link>
+              </div>
+            ))}
           </div>
-        </Container>
-      </div>
-      <Box height={77} />
-
-      <Container maxWidth="lg">
-        <h2
-          css={`
-            font-family: "GothamNarrow-Bold", "Helvetica Neue", sans-serif;
-            font-size: 36px;
-            font-style: normal;
-            font-weight: 400;
-            line-height: 130%;
-            margin: 0;
-            text-align: center;
-            color: #231d2c;
-          `}
-        >
-          Meet Our Team
-        </h2>
-        <p
-          css={`
-            text-align: center;
-            font-size: 20px;
-            font-family: "GothamNarrow-Book", "Helvetica Neue", sans-serif;
-            font-style: normal;
-            font-weight: 325;
-            line-height: normal;
-            margin: 0;
-            margin-top: 11px;
-            color: #231d2c;
-          `}
-        >
-          Zimmerman B.V. is a data information technology company based in
-          Amsterdam that specialises
-          <br /> in making data meaningful through visualisation tooling and
-          dashboards.
-        </p>
-        <Box height={77} />
-        <div
-          css={`
-            @media (min-width: 501px) {
-              display: none;
-            }
-            width: 55%;
-            height: 325px;
-            margin: auto;
-            img {
-              width: 100%;
-              height: 50%;
-
-              object-fit: cover;
-            }
-          `}
-        >
-          <Carousel
-            autoPlay
-            infiniteLoop
-            swipeable
-            stopOnHover
-            showStatus={false}
-            showThumbs={false}
-            showArrows={false}
-            showIndicators={false}
-          >
-            {allTeamCarousel}
-          </Carousel>
-        </div>
-        <div
-          css={`
-            display: grid;
-            grid-template-columns: repeat(4, minmax(0, 1fr));
-            column-gap: 48px;
-            row-gap: 64px;
-            @media (min-width: 880px) {
-              @media (max-width: 1314px) {
-                row-gap: 56px;
-                grid-template-columns: repeat(3, minmax(0, 1fr));
-                justify-items: center;
-              }
-            }
-            @media (max-width: 879px) {
-              grid-template-columns: repeat(3, minmax(0, 1fr));
-              justify-items: center;
-              img {
-                width: 100%;
-                height: 70%;
-                object-fit: cover;
-              }
-            }
-            @media (max-width: 830px) {
-              grid-template-columns: repeat(2, minmax(0, 1fr));
-              row-gap: 46px;
-              justify-items: center;
-              img {
-                width: 100%;
-                height: 70%;
-                object-fit: cover;
+          <div
+            css={`
+              height: 77px;
+              @media (max-width: 500px) {
+                height: 56px;
               }
-            }
-            @media (max-width: 500px) {
-              display: none;
-            }
-          `}
-        >
-          {team.map((member) => (
-            <div key={member.name}>
-              <img
-                src={member.img}
-                alt={member.name}
-                css={`
-                  width: 270.25px;
-                  height: 307.25px;
-                  border-radius: 20px;
-                `}
-              />
-              <p
-                css={`
-                  margin: 0;
-                  margin-top: 32px;
-                  font-size: 24px;
-                  font-family: "GothamNarrow-Bold", "Helvetica Neue", sans-serif;
-                  font-style: normal;
-                  font-weight: 400;
-                  line-height: normal;
-                  color: #504e4e;
-                  white-space: pre-line;
-                `}
-              >
-                {member.name}
-              </p>
-              <p
-                css={`
-                  margin: 0;
-                  font-size: 16px;
-                  font-style: normal;
-                  font-weight: 325;
-                  line-height: normal;
-                  font-family: "GothamNarrow-Book", "Helvetica Neue", sans-serif;
-                  color: #231d2c;
-                `}
-              >
-                {member.role}
-              </p>
-            </div>
-          ))}
-          {Array.from({ length: 2 }).map((_, index) => (
-            <div key={index}>
-              <img
-                src={EmptyAvi}
-                alt={"Empty"}
-                css={`
-                  width: 270.25px;
-                  height: 307.25px;
-                  border-radius: 20px;
-                `}
-              />
-              <Link
-                to={"/contact"}
-                css={`
-                  margin-top: 32px;
-                  font-family: Inter;
-                  font-size: 20px;
-                  font-style: normal;
-                  font-weight: 700;
-                  line-height: normal;
-                  text-transform: uppercase;
-                  border-radius: 30px;
-                  background: #231d2c;
-                  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
-                  width: max-content;
-                  margin: 32px auto 0 auto;
-                  display: block;
-                  color: #fff;
-                  padding: 12px 27px;
-                  border: none;
-                  text-decoration: none;
-                `}
-              >
-                Join Our Team
-              </Link>
-            </div>
-          ))}
-        </div>
-        <div
-          css={`
-            height: 77px;
-            @media (max-width: 500px) {
-              height: 56px;
-            }
-          `}
-        />
-        <div css={subParagraphcss}>
-          <div>
-            <h3 id="ab-mobile">
-              <b>Mission</b>
-            </h3>
-            <div
-              css={`
-                margin-left: -28px;
-                @media (max-width: 1024px) {
-                  margin-left: unset;
-                }
-              `}
-            >
-              <MissionImg />
-            </div>
+            `}
+          />
+          <div css={subParagraphcss}>
             <div>
-              <h3 id="ab-desktop">
+              <h3 id="ab-mobile">
                 <b>Mission</b>
               </h3>
               <div
                 css={`
-                  height: 39.5px;
+                  margin-left: -28px;
                   @media (max-width: 1024px) {
-                    display: none;
+                    margin-left: unset;
                   }
                 `}
-              />
-              <p css={``}>
-                Our mission is to create lasting impact for organizations that
-                bring positive change to our world by helping them to unlock the
-                power of data. Our trusted and easy-to-use data solutions boost
-                an organization's performance by powering its core mission.
-              </p>
+              >
+                <MissionImg />
+              </div>
+              <div>
+                <h3 id="ab-desktop">
+                  <b>Mission</b>
+                </h3>
+                <div
+                  css={`
+                    height: 39.5px;
+                    @media (max-width: 1024px) {
+                      display: none;
+                    }
+                  `}
+                />
+                <p css={``}>
+                  Our mission is to create lasting impact for organizations that
+                  bring positive change to our world by helping them to unlock
+                  the power of data. Our trusted and easy-to-use data solutions
+                  boost an organization's performance by powering its core
+                  mission.
+                </p>
+              </div>
             </div>
           </div>
-        </div>
-        <div
-          css={`
-            height: 77px;
-            @media (max-width: 500px) {
-              height: 56px;
-            }
-          `}
-        />
-        <div
-          css={`
-            ${subParagraphcss};
-            @media (max-width: 1024px) {
-              > div:nth-of-type(1) {
-                display: flex;
-                flex-direction: column-reverse;
+          <div
+            css={`
+              height: 77px;
+              @media (max-width: 500px) {
+                height: 56px;
               }
-            }
-          `}
-        >
-          <div>
+            `}
+          />
+          <div
+            css={`
+              ${subParagraphcss};
+              @media (max-width: 1024px) {
+                > div:nth-of-type(1) {
+                  display: flex;
+                  flex-direction: column-reverse;
+                }
+              }
+            `}
+          >
             <div>
-              <h3 id="ab-desktop">
+              <div>
+                <h3 id="ab-desktop">
+                  <b>Dataxplorer</b>
+                </h3>
+                <Box height={26.9} />
+                <p>
+                  Many organizations struggle to convey the data they collect,
+                  analyze, and share. We specialize in turning data into a
+                  strategic asset, helping global organizations communicate
+                  their impact with precision and effectiveness.
+                  <br /> <br /> To position your organization as a leader in
+                  your field using the power of data, we offer Dataxplorer, an
+                  AI-powered, purpose-driven data platform. Dataxplorer equips
+                  people with insightful data for making informed decisions,
+                  driving us closer to an equitable future for all.
+                </p>
+              </div>
+
+              <div>
+                <DXImg />
+              </div>
+              <h3 id="ab-mobile">
                 <b>Dataxplorer</b>
               </h3>
-              <Box height={26.9} />
-              <p>
-                Many organizations struggle to convey the data they collect,
-                analyze, and share. We specialize in turning data into a
-                strategic asset, helping global organizations communicate their
-                impact with precision and effectiveness.
-                <br /> <br /> To position your organization as a leader in your
-                field using the power of data, we offer Dataxplorer, an
-                AI-powered, purpose-driven data platform. Dataxplorer equips
-                people with insightful data for making informed decisions,
-                driving us closer to an equitable future for all.
-              </p>
             </div>
-
-            <div>
-              <DXImg />
-            </div>
-            <h3 id="ab-mobile">
-              <b>Dataxplorer</b>
-            </h3>
           </div>
-        </div>
-      </Container>
-      <Box height={56} />
+        </Container>
+        <Box height={56} />
+      </section>
       <HomeFooter />
-    </section>
+    </div>
   );
 }
diff --git a/src/app/modules/home-module/sub-modules/contact/index.tsx b/src/app/modules/home-module/sub-modules/contact/index.tsx
index e82fcc5fd..b77485eb5 100644
--- a/src/app/modules/home-module/sub-modules/contact/index.tsx
+++ b/src/app/modules/home-module/sub-modules/contact/index.tsx
@@ -116,263 +116,272 @@ export default function ContactModule() {
         message={message}
       />
       {loading && <PageLoader />}
-      <EmpowerBlock view="contact" />
-      <Container maxWidth="lg">
-        <div
-          css={`
-            position: relative;
-            z-index: 1;
-            height: 874px;
-            margin: auto;
-            margin-top: 18px;
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            flex-direction: column;
-            @media (max-width: 940px) {
-              margin-top: 56px;
-              height: 100%;
-            }
-            h4 {
-              font-family: "GothamNarrow-Bold", sans-serif;
-              font-size: 36px;
-              line-height: 43px;
-              color: #231d2c;
-              text-align: center;
-              @media (max-width: 640px) {
-                margin: 0;
-                margin-bottom: 20px;
-              }
-            }
-            p {
-              font-size: 20px;
-              line-height: 24px;
-              text-align: center;
-              font-family: "GothamNarrow-Medium", sans-serif;
-              margin-top: 0;
-
-              /* width: 60%; */
-
-              @media (max-width: 600px) {
-                font-family: "GothamNarrow-Book", sans-serif;
-                font-size: 16px;
-                line-height: 19px;
-                width: auto;
-              }
-            }
-          `}
-        >
-          <FullEllipse
-            css={`
-              position: absolute;
-              z-index: -1;
-              top: 0px;
-              @media (max-width: 940px) {
-                @media (min-width: 601px) {
-                  width: 100%;
-                  height: 100%;
-                  top: 37px;
-                }
-              }
-              @media (max-width: 600px) {
-                width: 100%;
-                left: -16px;
-                top: -241px;
-              }
-            `}
-          />
-          <h4>Contact us!</h4>
-          <p>
-            Schedule a free demo now or ask us any data related <br /> question
-            you may have.
-          </p>
-          <form
-            onSubmit={handleContactFormSubmit}
+      <div
+        css={`
+          min-height: 100vh;
+          display: flex;
+          flex-direction: column;
+          justify-content: space-between;
+        `}
+      >
+        <EmpowerBlock view="contact" />
+        <Container maxWidth="lg">
+          <div
             css={`
-              width: 522px;
-              height: 100%;
+              position: relative;
+              z-index: 1;
+              height: 874px;
               margin: auto;
-              .MuiFormControl-root {
-                margin-top: 20px;
+              margin-top: 18px;
+              display: flex;
+              justify-content: center;
+              align-items: center;
+              flex-direction: column;
+              @media (max-width: 940px) {
+                margin-top: 56px;
+                height: 100%;
               }
-              input {
-                font-family: "Inter", sans-serif;
+              h4 {
+                font-family: "GothamNarrow-Bold", sans-serif;
+                font-size: 36px;
+                line-height: 43px;
                 color: #231d2c;
+                text-align: center;
+                @media (max-width: 640px) {
+                  margin: 0;
+                  margin-bottom: 20px;
+                }
               }
-              @media (max-width: 1024px) {
-                width: 450px;
-              }
-              @media (max-width: 600px) {
-                width: 80%;
-                p {
+              p {
+                font-size: 20px;
+                line-height: 24px;
+                text-align: center;
+                font-family: "GothamNarrow-Medium", sans-serif;
+                margin-top: 0;
+
+                /* width: 60%; */
+
+                @media (max-width: 600px) {
                   font-family: "GothamNarrow-Book", sans-serif;
                   font-size: 16px;
                   line-height: 19px;
+                  width: auto;
                 }
               }
             `}
           >
-            <CssTextField
-              id="standard-basic"
-              label="E-mail"
-              variant="standard"
-              fullWidth
-              required
-              name="email"
-              type="email"
-              onChange={handleContactFormChange}
-              value={contactFormDetails.email}
-              style={{ fontSize: "12px" }}
-            />
-            <CssTextField
-              id="standard-basic"
-              label="First Name"
-              variant="standard"
-              fullWidth
-              name="firstName"
-              value={contactFormDetails.firstName}
-              onChange={handleContactFormChange}
-            />
-            <CssTextField
-              id="standard-basic"
-              label="Last Name"
-              variant="standard"
-              fullWidth
-              name="lastName"
-              value={contactFormDetails.lastName}
-              onChange={handleContactFormChange}
-            />
-            <CssTextField
-              id="standard-basic"
-              label="Company Name"
-              variant="standard"
-              fullWidth
-              name="company"
-              value={contactFormDetails.company}
-              onChange={handleContactFormChange}
-            />
-            <CssTextField
-              id="standard-basic"
-              label="Message"
-              variant="standard"
-              fullWidth
-              required
-              name="message"
-              multiline
-              minRows={md ? 4 : 5}
-              value={contactFormDetails.message}
-              onChange={handleContactFormChange}
-            />
-            <div
+            <FullEllipse
               css={`
-                height: 60px;
+                position: absolute;
+                z-index: -1;
+                top: 0px;
+                @media (max-width: 940px) {
+                  @media (min-width: 601px) {
+                    width: 100%;
+                    height: 100%;
+                    top: 37px;
+                  }
+                }
                 @media (max-width: 600px) {
-                  height: 26px;
+                  width: 100%;
+                  left: -16px;
+                  top: -241px;
                 }
               `}
-            ></div>
-            <div
+            />
+            <h4>Contact us!</h4>
+            <p>
+              Schedule a free demo now or ask us any data related <br />{" "}
+              question you may have.
+            </p>
+            <form
+              onSubmit={handleContactFormSubmit}
               css={`
-                display: flex;
-                justify-content: center;
-                width: 100%;
+                width: 522px;
+                height: 100%;
+                margin: auto;
+                .MuiFormControl-root {
+                  margin-top: 20px;
+                }
+                input {
+                  font-family: "Inter", sans-serif;
+                  color: #231d2c;
+                }
+                @media (max-width: 1024px) {
+                  width: 450px;
+                }
                 @media (max-width: 600px) {
-                  button {
-                    width: 100%;
+                  width: 80%;
+                  p {
+                    font-family: "GothamNarrow-Book", sans-serif;
                     font-size: 16px;
+                    line-height: 19px;
                   }
                 }
               `}
             >
-              <button
-                type="submit"
+              <CssTextField
+                id="standard-basic"
+                label="E-mail"
+                variant="standard"
+                fullWidth
+                required
+                name="email"
+                type="email"
+                onChange={handleContactFormChange}
+                value={contactFormDetails.email}
+                style={{ fontSize: "12px" }}
+              />
+              <CssTextField
+                id="standard-basic"
+                label="First Name"
+                variant="standard"
+                fullWidth
+                name="firstName"
+                value={contactFormDetails.firstName}
+                onChange={handleContactFormChange}
+              />
+              <CssTextField
+                id="standard-basic"
+                label="Last Name"
+                variant="standard"
+                fullWidth
+                name="lastName"
+                value={contactFormDetails.lastName}
+                onChange={handleContactFormChange}
+              />
+              <CssTextField
+                id="standard-basic"
+                label="Company Name"
+                variant="standard"
+                fullWidth
+                name="company"
+                value={contactFormDetails.company}
+                onChange={handleContactFormChange}
+              />
+              <CssTextField
+                id="standard-basic"
+                label="Message"
+                variant="standard"
+                fullWidth
+                required
+                name="message"
+                multiline
+                minRows={md ? 4 : 5}
+                value={contactFormDetails.message}
+                onChange={handleContactFormChange}
+              />
+              <div
                 css={`
-                  border: none;
-                  outline: none;
-                  background: #6061e5;
-                  border-radius: 30px;
-                  height: 48px;
-                  width: 133px;
-                  color: #ffffff;
-                  font-size: 20px;
-                  font-family: "GothamNarrow-Bold", sans-serif;
-                  :hover {
-                    cursor: pointer;
-                    opacity: 0.9;
+                  height: 60px;
+                  @media (max-width: 600px) {
+                    height: 26px;
+                  }
+                `}
+              ></div>
+              <div
+                css={`
+                  display: flex;
+                  justify-content: center;
+                  width: 100%;
+                  @media (max-width: 600px) {
+                    button {
+                      width: 100%;
+                      font-size: 16px;
+                    }
                   }
                 `}
               >
-                SUBMIT
-              </button>
-            </div>
-          </form>
-        </div>
-        <div
-          css={`
-            display: none;
-            @media (max-width: 1024px) {
-              @media (min-width: 601px) {
-                display: block;
-                height: 81px;
-              }
-            }
-          `}
-        />
-        <div
-          css={`
-            width: 100%;
-            display: flex;
-            justify-content: center;
-          `}
-        >
+                <button
+                  type="submit"
+                  css={`
+                    border: none;
+                    outline: none;
+                    background: #6061e5;
+                    border-radius: 30px;
+                    height: 48px;
+                    width: 133px;
+                    color: #ffffff;
+                    font-size: 20px;
+                    font-family: "GothamNarrow-Bold", sans-serif;
+                    :hover {
+                      cursor: pointer;
+                      opacity: 0.9;
+                    }
+                  `}
+                >
+                  SUBMIT
+                </button>
+              </div>
+            </form>
+          </div>
           <div
             css={`
               display: none;
-              @media (max-width: 600px) {
-                display: flex;
-                flex-direction: column;
-                align-items: center;
-                justify-content: center;
-                width: 98%;
-                height: 296px;
-                border-radius: 20px;
-                margin: 56px 0;
-                background: #231d2c;
-                box-shadow: 0px 4px 30px 4px rgba(206, 168, 188, 0.08);
-                padding: 0px 16px 0px 23px;
-                > p:nth-of-type(1) {
-                  color: #fff;
-                  font-family: "GothamNarrow-Bold", sans-serif;
-                  font-size: 24px;
-                  margin: 0;
-                }
-                > p:nth-of-type(2) {
-                  color: #fff;
-                  font-family: "GothamNarrow-Book", sans-serif;
-                  font-size: 14px;
-                  margin-bottom: 28px;
-                  line-height: 17px;
-                  margin-top: 8px;
+              @media (max-width: 1024px) {
+                @media (min-width: 601px) {
+                  display: block;
+                  height: 81px;
                 }
               }
             `}
+          />
+          <div
+            css={`
+              width: 100%;
+              display: flex;
+              justify-content: center;
+            `}
           >
-            <p>Want to stay up to date with new releases? </p>
-            <p>
-              Stay informed with exclusive updates, offers, and exclusive
-              content delivered straight to your inbox!
-            </p>
-            <NewsletterBlock
-              formError={formError}
-              isSubscribed={isSubscribed}
-              isSubscriptionFailed={isSubscriptionFailed}
-              setFormError={setFormError}
-              setIsSubscribed={setIsSubscribed}
-              setIsSubscriptionFailed={setIsSubscriptionFailed}
-            />
+            <div
+              css={`
+                display: none;
+                @media (max-width: 600px) {
+                  display: flex;
+                  flex-direction: column;
+                  align-items: center;
+                  justify-content: center;
+                  width: 98%;
+                  height: 296px;
+                  border-radius: 20px;
+                  margin: 56px 0;
+                  background: #231d2c;
+                  box-shadow: 0px 4px 30px 4px rgba(206, 168, 188, 0.08);
+                  padding: 0px 16px 0px 23px;
+                  > p:nth-of-type(1) {
+                    color: #fff;
+                    font-family: "GothamNarrow-Bold", sans-serif;
+                    font-size: 24px;
+                    margin: 0;
+                  }
+                  > p:nth-of-type(2) {
+                    color: #fff;
+                    font-family: "GothamNarrow-Book", sans-serif;
+                    font-size: 14px;
+                    margin-bottom: 28px;
+                    line-height: 17px;
+                    margin-top: 8px;
+                  }
+                }
+              `}
+            >
+              <p>Want to stay up to date with new releases? </p>
+              <p>
+                Stay informed with exclusive updates, offers, and exclusive
+                content delivered straight to your inbox!
+              </p>
+              <NewsletterBlock
+                formError={formError}
+                isSubscribed={isSubscribed}
+                isSubscriptionFailed={isSubscriptionFailed}
+                setFormError={setFormError}
+                setIsSubscribed={setIsSubscribed}
+                setIsSubscriptionFailed={setIsSubscriptionFailed}
+              />
+            </div>
           </div>
-        </div>
-      </Container>
+        </Container>
+      </div>
       <HomeFooter />
     </>
   );
diff --git a/src/app/modules/home-module/sub-modules/dashboard/index.tsx b/src/app/modules/home-module/sub-modules/dashboard/index.tsx
index 7a231cee8..9b28ea345 100644
--- a/src/app/modules/home-module/sub-modules/dashboard/index.tsx
+++ b/src/app/modules/home-module/sub-modules/dashboard/index.tsx
@@ -11,7 +11,10 @@ function DashboardModule() {
       css={`
         margin-top: 48px;
         padding-top: 32px;
-        min-height: calc(100vh - 125px);
+        min-height: calc(100vh - 48px);
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
       `}
     >
       <AssetsCollection />
diff --git a/src/app/modules/home-module/sub-modules/partners/index.tsx b/src/app/modules/home-module/sub-modules/partners/index.tsx
index 0353f6d9c..b25329afb 100644
--- a/src/app/modules/home-module/sub-modules/partners/index.tsx
+++ b/src/app/modules/home-module/sub-modules/partners/index.tsx
@@ -129,130 +129,148 @@ export default function PartnersModule() {
 
   return (
     <>
-      <EmpowerBlock view="partners" />
-      <Container maxWidth="lg">
-        <Grid
-          container
-          justifyContent="center"
-          alignItems="center"
-          direction="column"
-          css={`
-            width: 100%;
-          `}
-        >
-          <OurPartnersBlock />
-          <DXBlock />
-          <div
-            onMouseEnter={() => setAutoPlay(false)}
-            onMouseLeave={() => setAutoPlay(true)}
-            css={`
-              width: 100%;
-              margin-top: 78px;
-              position: relative;
-              height: 639px;
-              @media (max-width: 1129px) {
-                width: 83%;
-                height: 100%;
-              }
-              @media (max-width: 600px) {
-                width: 100%;
-                height: 100%;
-              }
-            `}
-          >
-            <div
+      <div
+        css={`
+          display: flex;
+          justify-content: space-between;
+          flex-direction: column;
+          min-height: 100vh;
+        `}
+      >
+        <div>
+          <EmpowerBlock view="partners" />
+          <Container maxWidth="lg">
+            <Grid
+              container
+              justifyContent="center"
+              alignItems="center"
+              direction="column"
               css={`
-                display: flex;
-                flex-direction: column;
-                justify-content: center;
-                align-items: center;
+                width: 100%;
               `}
             >
-              <StyledTabs
+              <OurPartnersBlock />
+              <DXBlock />
+              <div
+                onMouseEnter={() => setAutoPlay(false)}
+                onMouseLeave={() => setAutoPlay(true)}
                 css={`
-                  margin-left: 5px;
+                  width: 100%;
+                  margin-top: 78px;
+                  position: relative;
+                  height: 639px;
+                  @media (max-width: 1129px) {
+                    width: 83%;
+                    height: 100%;
+                  }
+                  @media (max-width: 600px) {
+                    width: 100%;
+                    height: 100%;
+                  }
                 `}
-                TabIndicatorProps={{
-                  style: {
-                    bottom: "0px",
-                    height: "4px",
-                  },
-                }}
-                value={displayTab}
-                onChange={handleChange}
-                indicatorColor="primary"
-                textColor="primary"
-                className="Home-MuiTabs-flexContainer"
               >
-                <StyledTab disableTouchRipple label="About" value={0} />
-                <StyledTab disableTouchRipple label="Grants" value={1} />
-                <StyledTab disableTouchRipple label="Budgets" value={2} />
-                <StyledTab disableTouchRipple label="Performance" value={3} />
-              </StyledTabs>
-            </div>
-            <div
-              css={`
-                height: 55px;
-                @media (max-width: 1024px) {
-                  height: 32px;
-                }
-              `}
-            />
-            <div
-              css={`
-                position: relative;
-                background: linear-gradient(
-                  180deg,
-                  #a4a0ff -61.62%,
-                  #f8fcfc 114.5%
-                );
-                border-radius: 29px;
-              `}
-            >
-              <AutoPlaySwipeableViews
-                index={displayTab}
-                onChangeIndex={(index) => autoPlay && handleChange(null, index)}
-                animateTransitions={true}
-                interval={3000}
-              >
-                {cards.map((card, index) => (
-                  <div key={index}>{card}</div>
-                ))}
-              </AutoPlaySwipeableViews>
-              <Pagination
-                dots={4}
-                index={displayTab}
-                onChangeIndex={(index) => handleChange(null, index)}
+                <div
+                  css={`
+                    display: flex;
+                    flex-direction: column;
+                    justify-content: center;
+                    align-items: center;
+                  `}
+                >
+                  <StyledTabs
+                    css={`
+                      margin-left: 5px;
+                    `}
+                    TabIndicatorProps={{
+                      style: {
+                        bottom: "0px",
+                        height: "4px",
+                      },
+                    }}
+                    value={displayTab}
+                    onChange={handleChange}
+                    indicatorColor="primary"
+                    textColor="primary"
+                    className="Home-MuiTabs-flexContainer"
+                  >
+                    <StyledTab disableTouchRipple label="About" value={0} />
+                    <StyledTab disableTouchRipple label="Grants" value={1} />
+                    <StyledTab disableTouchRipple label="Budgets" value={2} />
+                    <StyledTab
+                      disableTouchRipple
+                      label="Performance"
+                      value={3}
+                    />
+                  </StyledTabs>
+                </div>
+                <div
+                  css={`
+                    height: 55px;
+                    @media (max-width: 1024px) {
+                      height: 32px;
+                    }
+                  `}
+                />
+                <div
+                  css={`
+                    position: relative;
+                    background: linear-gradient(
+                      180deg,
+                      #a4a0ff -61.62%,
+                      #f8fcfc 114.5%
+                    );
+                    border-radius: 29px;
+                  `}
+                >
+                  <AutoPlaySwipeableViews
+                    index={displayTab}
+                    onChangeIndex={(index) =>
+                      autoPlay && handleChange(null, index)
+                    }
+                    animateTransitions={true}
+                    interval={3000}
+                  >
+                    {cards.map((card, index) => (
+                      <div key={index}>{card}</div>
+                    ))}
+                  </AutoPlaySwipeableViews>
+                  <Pagination
+                    dots={4}
+                    index={displayTab}
+                    onChangeIndex={(index) => handleChange(null, index)}
+                  />
+                </div>
+                <div
+                  css={`
+                    height: 110px;
+                    @media (max-width: 1129px) {
+                      display: none;
+                    }
+                  `}
+                />
+              </div>
+              <div
+                css={`
+                  height: 75px;
+                `}
               />
-            </div>
+              <QuoteBlock />
+            </Grid>
             <div
               css={`
-                height: 110px;
+                height: 150px;
                 @media (max-width: 1129px) {
-                  display: none;
+                  height: 130px;
                 }
               `}
             />
-          </div>
-          <div
-            css={`
-              height: 75px;
-            `}
-          />
-          <QuoteBlock />
-        </Grid>
-        <div
-          css={`
-            height: 150px;
-            @media (max-width: 1129px) {
-              height: 130px;
-            }
-          `}
-        />
-        <BestDecisionBlock />
-      </Container>
-      <div css="width: 100%;height: 148px;" />
-      <HomeFooter />
+            <BestDecisionBlock />
+          </Container>
+
+          <div css="width: 100%;height: 148px;" />
+        </div>
+        <HomeFooter />
+      </div>
     </>
   );
 }
diff --git a/src/app/modules/home-module/sub-modules/pricing/index.tsx b/src/app/modules/home-module/sub-modules/pricing/index.tsx
index 96d2530e1..c5d8d73ad 100644
--- a/src/app/modules/home-module/sub-modules/pricing/index.tsx
+++ b/src/app/modules/home-module/sub-modules/pricing/index.tsx
@@ -160,6 +160,10 @@ export default function PricingModule() {
         background-position: center 72px;
         background-repeat: no-repeat;
         padding-top: 48px; // AppBar height
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        min-height: 100vh;
       `}
     >
       <Container maxWidth="lg">
diff --git a/src/app/modules/home-module/sub-modules/why-dx/index.tsx b/src/app/modules/home-module/sub-modules/why-dx/index.tsx
index 17e15e2da..89ef15641 100644
--- a/src/app/modules/home-module/sub-modules/why-dx/index.tsx
+++ b/src/app/modules/home-module/sub-modules/why-dx/index.tsx
@@ -23,39 +23,50 @@ export default function WhyDX() {
 
   return (
     <>
-      <EmpowerBlock view="why-dx" />
       <div
         css={`
-          background-image: url(${Ellipses});
-          background-repeat: no-repeat;
-          background-position: ${isTablet ? "49% 58%" : "44% 4%"};
+          display: flex;
+          flex-direction: column;
+          justify-content: space-between;
+          min-height: 100vh;
         `}
       >
-        <Container maxWidth="lg">
-          <KeyFeaturesBlock />
+        <div>
+          <EmpowerBlock view="why-dx" />
           <div
             css={`
-              height: 50px;
+              background-image: url(${Ellipses});
+              background-repeat: no-repeat;
+              background-position: ${isTablet ? "49% 58%" : "44% 4%"};
             `}
-          />
-          <div
-            css={`
-              height: 129px;
-              @media (max-width: 1024px) {
-                height: 39px;
-              }
-            `}
-          />
-          <TryUsBlock />
-          <div
-            css={`
-              height: 50px;
-            `}
-          />
-        </Container>
+          >
+            <Container maxWidth="lg">
+              <KeyFeaturesBlock />
+              <div
+                css={`
+                  height: 50px;
+                `}
+              />
+              <div
+                css={`
+                  height: 129px;
+                  @media (max-width: 1024px) {
+                    height: 39px;
+                  }
+                `}
+              />
+              <TryUsBlock />
+              <div
+                css={`
+                  height: 50px;
+                `}
+              />
+            </Container>
+          </div>
+          <div css="width: 100%;height: 19px" />
+        </div>
+        <HomeFooter />
       </div>
-      <div css="width: 100%;height: 19px" />
-      <HomeFooter />
     </>
   );
 }
diff --git a/src/index.css b/src/index.css
index 69ded48e0..788490a02 100644
--- a/src/index.css
+++ b/src/index.css
@@ -77,10 +77,16 @@ body {
   -webkit-font-smoothing: antialiased;
   transition: background 0.2s ease-in-out;
   font-family: "GothamNarrow-Book", "Helvetica Neue", sans-serif;
+  overflow: hidden;
+}
+html,
+body,
+#root {
+  width: 100%;
+  height: 100%;
 }
 
 #root {
-  min-height: 100vh;
   background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #f2f7fd 100%);
   overflow: auto;
   position: relative;