diff --git a/.gitignore b/.gitignore
index 55b8e92..7a9d008 100644
--- a/.gitignore
+++ b/.gitignore
@@ -16,7 +16,6 @@ dist/
 downloads/
 eggs/
 .eggs/
-lib/
 lib64/
 parts/
 sdist/
diff --git a/client/src/components/Footer.tsx b/client/src/components/Footer.tsx
index 956b4a9..6b5dbf7 100644
--- a/client/src/components/Footer.tsx
+++ b/client/src/components/Footer.tsx
@@ -7,7 +7,7 @@ import { motion } from "framer-motion";
 
 function Footer({ className }: { className?: string }) {
   return (
-    <footer className={cn(" text-neutral-500 py-6", className)}>
+    <footer className={cn(" text-neutral-500 py-6 bg-dot-white/[0.2]", className)}>
       <div className="max-w-6xl mx-auto px-4 ">
         <div className=" gap-8 flex justify-around ">
           <div className="space-y-4 w-[40%] grid-cols-1">
diff --git a/client/src/lib/utils.ts b/client/src/lib/utils.ts
new file mode 100644
index 0000000..cec6ac9
--- /dev/null
+++ b/client/src/lib/utils.ts
@@ -0,0 +1,6 @@
+import { ClassValue, clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}