diff --git a/web/src/pages/ShoppingList.tsx b/web/src/pages/ShoppingList.tsx
index c6ded7f..45d79bc 100644
--- a/web/src/pages/ShoppingList.tsx
+++ b/web/src/pages/ShoppingList.tsx
@@ -1,7 +1,10 @@
 export default function ShoppingList() {
   return (
     <>
-      <p>ShoppingList</p>
+      <div className="flex flex-col items-center justify-center min-h-[90vh] h-full gap-y-2">
+        <h1 className="text-4xl text-gray-800 font-semibold text-center">Page Under Construction </h1>
+        <p className="text-gray-700">Sit tight, this page is coming soon!</p>
+      </div>
     </>
   );
 }