fix(web): Consistent spacing in the content container in all pages. Fixes #40

1 files changed, 7 insertions, 4 deletions

diff --git a/apps/web/app/dashboard/search/page.tsx b/apps/web/app/dashboard/search/page.tsx
index f09041f3..8454acc5 100644
--- a/apps/web/app/dashboard/search/page.tsx
+++ b/apps/web/app/dashboard/search/page.tsx
@@ -3,11 +3,10 @@
 import { Suspense, useRef } from "react";
 import BookmarksGrid from "@/components/dashboard/bookmarks/BookmarksGrid";
 import { SearchInput } from "@/components/dashboard/search/SearchInput";
+import { FullPageSpinner } from "@/components/ui/full-page-spinner";
 import { Separator } from "@/components/ui/separator";
 import { useBookmarkSearch } from "@/lib/hooks/bookmark-search";
 
-import Loading from "../bookmarks/loading";
-
 function SearchComp() {
   const { data } = useBookmarkSearch();
 
@@ -15,10 +14,14 @@ function SearchComp() {
     useRef<HTMLInputElement | null>(null);
 
   return (
-    <div className="container flex flex-col gap-3 p-4">
+    <div className="flex flex-col gap-3">
       <SearchInput ref={inputRef} autoFocus={true} />
       <Separator />
-      {data ? <BookmarksGrid bookmarks={data.bookmarks} /> : <Loading />}
+      {data ? (
+        <BookmarksGrid bookmarks={data.bookmarks} />
+      ) : (
+        <FullPageSpinner />
+      )}
     </div>
   );
 }