styling tweaks

Author: kodster28

src/components/search/InstantSearch.tsx

@@ -21,7 +21,7 @@ import {
 	FloatingPortal,
 } from "@floating-ui/react";
 import { PiCaretDownBold } from "react-icons/pi";
-import { addDays } from "date-fns";
+import { subDays } from "date-fns";
 import { setSearchParams } from "~/util/url";
 import he from "he";
 
@@ -75,7 +75,7 @@ function InfiniteHits(props: UseInfiniteHitsProps) {
 
 				const title = hierarchy ? hierarchy.join(" > ") : "Documentation";
 				const today = new Date();
-				const futureDate = addDays(today, item.lastModified);
+				const futureDate = subDays(today, item.lastModified);
 				const options: Intl.DateTimeFormatOptions = {
 					year: "numeric",
 					month: "long",
@@ -93,7 +93,7 @@ function InfiniteHits(props: UseInfiniteHitsProps) {
 							<Highlight attribute="content" hit={item} />
 						</p>
 						{item.lastModified && (
-							<span className="">
+							<span className="text-cl1-gray-4! dark:text-cl1-gray-7! mt-2 text-sm">
 								{futureDate.toLocaleDateString("en-US", options)}
 							</span>
 						)}