diff --git a/packages/ui-components/src/components/Footer/Footer.tsx b/packages/ui-components/src/components/Footer/Footer.tsx
index 8a84820d..ff1e09b6 100644
--- a/packages/ui-components/src/components/Footer/Footer.tsx
+++ b/packages/ui-components/src/components/Footer/Footer.tsx
@@ -4,11 +4,15 @@ import clsx from "clsx";
 
 import type { FooterProps } from "./FooterTypes";
 
-export const Footer = ({ className, row1, row2 }: FooterProps) => {
-	const footerClass = clsx(
-		"mb-[100px] text-center text-xs text-slate-300",
-		className,
-	);
+export const Footer = ({
+	className,
+	row1,
+	row2,
+	noPaddings = false,
+}: FooterProps) => {
+	const footerClass = clsx("text-center text-xs text-slate-300", className, {
+		"mb-[100px] ": !noPaddings,
+	});
 
 	return (
 		<footer className={footerClass}>
diff --git a/packages/ui-components/src/components/Footer/FooterTypes.d.ts b/packages/ui-components/src/components/Footer/FooterTypes.d.ts
index 82d02c8e..7114985c 100644
--- a/packages/ui-components/src/components/Footer/FooterTypes.d.ts
+++ b/packages/ui-components/src/components/Footer/FooterTypes.d.ts
@@ -1,5 +1,6 @@
 export type FooterProps = {
 	className?: string;
+	noPaddings?: boolean;
 	row1?: React.ReactNode;
 	row2?: React.ReactNode;
 };