diff --git a/quartz/components/CustomFooter.tsx b/quartz/components/CustomFooter.tsx
index 205502f..30c6fcb 100644
--- a/quartz/components/CustomFooter.tsx
+++ b/quartz/components/CustomFooter.tsx
@@ -2,7 +2,7 @@ import { QuartzComponent, QuartzComponentConstructor, QuartzComponentProps } fro
 import style from "./styles/customfooter.scss"
 import btnstyle from "./styles/buttons8831.scss"
 import FooterLinksConstructor from "./Footer_links"
-import Btn8831 from "./Btn8831"
+import Btn8831Constructor from "./Btn8831"
 
 interface Options {
   links: Record<string, string>
@@ -11,12 +11,13 @@ interface Options {
 
 export default ((opts?: Options) => {
   const FooterLinks = FooterLinksConstructor(opts)
+  const Btn8831 = Btn8831Constructor()
 
-  const CustomFooter: QuartzComponent = ({ displayClass, cfg }: QuartzComponentProps) => {
+  const CustomFooter: QuartzComponent = (props: QuartzComponentProps) => {
     return (
-      <footer class={`${displayClass ?? ""}`}>
-        <FooterLinks displayClass={displayClass} cfg={cfg} />
-        <Btn8831 displayClass={displayClass} cfg={cfg} />
+      <footer class={`${props.displayClass ?? ""}`}>
+        <FooterLinks {...props} />
+        <Btn8831 {...props} />
       </footer>
     )
   }