From c5cb9bda343051ea3423ba4862b9d7d6efea88cd Mon Sep 17 00:00:00 2001
From: Belen Curcio <curciobelen@gmail.com>
Date: Thu, 26 Nov 2020 15:03:21 -0300
Subject: [PATCH] check

---
 pages/wishlist.tsx | 46 +++++++++++++++++++++++++---------------------
 1 file changed, 25 insertions(+), 21 deletions(-)

diff --git a/pages/wishlist.tsx b/pages/wishlist.tsx
index 40f18692f..ee81857de 100644
--- a/pages/wishlist.tsx
+++ b/pages/wishlist.tsx
@@ -4,7 +4,7 @@ import getAllPages from '@bigcommerce/storefront-data-hooks/api/operations/get-a
 import useWishlist from '@bigcommerce/storefront-data-hooks/wishlist/use-wishlist'
 import { Layout } from '@components/common'
 import { Heart } from '@components/icons'
-import { Text } from '@components/ui'
+import { Text, Container } from '@components/ui'
 import { WishlistCard } from '@components/wishlist'
 import { defatultPageProps } from '@lib/defaults'
 
@@ -23,27 +23,31 @@ export default function Wishlist() {
   const { data, isEmpty } = useWishlist({ includeProducts: true })
 
   return (
-    <div className="mt-3 mb-20 px-6">
-      <Text variant="pageHeading">My Wishlist</Text>
-      <div className="group flex flex-col">
-        {isEmpty ? (
-          <div className="flex-1 px-12 py-24 flex flex-col justify-center items-center ">
-            <span className="border border-dashed border-secondary rounded-full flex items-center justify-center w-16 h-16 bg-primary p-12 rounded-lg text-primary">
-              <Heart className="absolute" />
-            </span>
-            <h2 className="pt-6 text-2xl font-bold tracking-wide text-center">
-              Your wishlist is empty
-            </h2>
-            <p className="text-accents-6 px-10 text-center pt-2">
-              Biscuit oat cake wafer icing ice cream tiramisu pudding cupcake.
-            </p>
-          </div>
-        ) : (
-          data &&
-          data.items?.map((item) => <WishlistCard key={item.id} item={item} />)
-        )}
+    <Container>
+      <div className="mt-3 mb-20">
+        <Text variant="pageHeading">My Wishlist</Text>
+        <div className="group flex flex-col">
+          {isEmpty ? (
+            <div className="flex-1 px-12 py-24 flex flex-col justify-center items-center ">
+              <span className="border border-dashed border-secondary flex items-center justify-center w-16 h-16 bg-primary p-12 rounded-lg text-primary">
+                <Heart className="absolute" />
+              </span>
+              <h2 className="pt-6 text-2xl font-bold tracking-wide text-center">
+                Your wishlist is empty
+              </h2>
+              <p className="text-accents-6 px-10 text-center pt-2">
+                Biscuit oat cake wafer icing ice cream tiramisu pudding cupcake.
+              </p>
+            </div>
+          ) : (
+            data &&
+            data.items?.map((item) => (
+              <WishlistCard key={item.id} item={item} />
+            ))
+          )}
+        </div>
       </div>
-    </div>
+    </Container>
   )
 }