diff --git a/demo/nextjs/app/features.tsx b/demo/nextjs/app/features.tsx
index 53101901..8795b629 100644
--- a/demo/nextjs/app/features.tsx
+++ b/demo/nextjs/app/features.tsx
@@ -59,28 +59,6 @@ const Card = ({
 	);
 };
 
-const AceternityIcon = () => {
-	return (
-		<svg
-			width="66"
-			height="65"
-			viewBox="0 0 66 65"
-			fill="none"
-			xmlns="http://www.w3.org/2000/svg"
-			className="h-10 w-10 text-black dark:text-white group-hover/canvas-card:text-white "
-		>
-			<path
-				d="M8 8.05571C8 8.05571 54.9009 18.1782 57.8687 30.062C60.8365 41.9458 9.05432 57.4696 9.05432 57.4696"
-				stroke="currentColor"
-				strokeWidth="15"
-				strokeMiterlimit="3.86874"
-				strokeLinecap="round"
-				style={{ mixBlendMode: "darken" }}
-			/>
-		</svg>
-	);
-};
-
 export const Icon = ({ className, ...rest }: any) => {
 	return (
 		<svg
diff --git a/docs/components/landing/section-svg.tsx b/docs/components/landing/section-svg.tsx
index 0d690f47..923f56fb 100644
--- a/docs/components/landing/section-svg.tsx
+++ b/docs/components/landing/section-svg.tsx
@@ -1,30 +1,19 @@
 const SectionSvg = ({ crossesOffset }: { crossesOffset: string }) => {
 	return (
 		<>
-			<PlusSvg
-				className={`hidden absolute -top-[0.3125rem] ${
+			<Plus
+				className={`hidden absolute -top-[0.3125rem] h-6 w-6 ${
 					crossesOffset && crossesOffset
-				} pointer-events-none lg:block lg:left-[3.6825rem]`}
+				} pointer-events-none lg:block lg:left-[3.275rem] text-neutral-300 dark:text-neutral-600 translate-y-[.5px]`}
 			/>
 
-			<PlusSvg
-				className={`hidden absolute  -top-[0.3125rem] right-[1.4625rem] ${
+			<Plus
+				className={`hidden absolute -top-[0.3125rem] h-6 w-6 right-[1.4625rem] ${
 					crossesOffset && crossesOffset
-				} pointer-events-none lg:block lg:right-[3.20rem]`}
+				} pointer-events-none lg:block lg:right-[2.7750rem] text-neutral-300 dark:text-neutral-600 translate-y-[.5px]`}
 			/>
 		</>
 	);
 };
 
 export default SectionSvg;
-
-export const PlusSvg = ({ className = "" }) => {
-	return (
-		<svg className={`${className} || ""`} width="11" height="11" fill="none">
-			<path
-				d="M7 1a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v2a1 1 0 0 1-1 1H1a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1h2a1 1 0 0 1 1 1v2a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1V8a1 1 0 0 1 1-1h2a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1H8a1 1 0 0 1-1-1V1z"
-				fill="#878787"
-			/>
-		</svg>
-	);
-};