diff --git a/src/components/AuthPages/SignUp/index.jsx b/src/components/AuthPages/SignUp/index.jsx
index 13d6418..3d7de68 100644
--- a/src/components/AuthPages/SignUp/index.jsx
+++ b/src/components/AuthPages/SignUp/index.jsx
@@ -113,7 +113,7 @@ export default function SignUp() {
   return (
     <>
       <div className="layout-wrapper login">
-        <div className="main-wrapper w-full xl:h-screen h-full xl:py-10 py-12 overflow-y-auto">
+        <div className="main-wrapper login-wrapper w-full xl:h-screen h-full xl:py-10 py-12 overflow-y-auto">
           <div className=" h-full">
             <div className="flex-1 flex justify-center items-center">
               <div className="w-full">
diff --git a/src/components/Cards/ProductCardStyleOne.jsx b/src/components/Cards/ProductCardStyleOne.jsx
index 30abcc6..26f2a51 100644
--- a/src/components/Cards/ProductCardStyleOne.jsx
+++ b/src/components/Cards/ProductCardStyleOne.jsx
@@ -6,6 +6,7 @@ import CountDown from "../Helpers/CountDown";
 import Icons from "../Helpers/Icons";
 
 export default function ProductCardStyleOne({ datas, hidden = false }) {
+  const [imageUrl, setImageUrl] = useState("");
   const [addFavorite, setValue] = useState(false);
   const [options, setOption] = useState(false);
   const favoriteHandler = () => {
@@ -18,7 +19,7 @@ export default function ProductCardStyleOne({ datas, hidden = false }) {
     }
   };
 
-  
+
   return (
     <div className="card-style-one flex flex-col justify-between w-full h-[387px] bg-white dark:bg-dark-white   p-3 pb rounded-2xl">
       <div className="content">
diff --git a/src/components/Resources/index.jsx b/src/components/Resources/index.jsx
index f2e5af4..db44893 100644
--- a/src/components/Resources/index.jsx
+++ b/src/components/Resources/index.jsx
@@ -4,6 +4,7 @@ import { Link } from "react-router-dom";
 // import profileBanner from "../../assets/images/profile-cover.png";
 // import collections from "../../data/collectionplan_data.json"; Should this be cleaned off?
 // import marketPlace from "../../data/marketplace_data.json";
+import LoadingSpinner from "../../components/Spinners/LoadingSpinner"
 import products from "../../data/product_data.json";
 import Layout from "../Partials/Layout";
 import {
@@ -104,12 +105,12 @@ export default function Resources(props) {
     <>
       <Layout>
         <div className="nft-authprofile-wrapper w-full">
-          {/* {__resources.length == 0 ||
+          {__resources.length == 0 ||
           Object.keys(__resources).length == 0 ? (
             <div className="w-full h-full flex items-center justify-center">
               <LoadingSpinner size={16} color="sky-blue" />
             </div>
-          ) : ( */}
+          ) : (
           <div className="main-wrapper w-full">
             <div className="content-wrapper-profile-only w-full mb-6">
               <div className="auth-tab-content relative mb-10">
@@ -136,7 +137,7 @@ export default function Resources(props) {
               {selectedTabComponent}
             </div>
           </div>
-          {/* )} */}
+          )}
         </div>
       </Layout>
     </>
diff --git a/src/index.css b/src/index.css
index 9fa87c5..5435bea 100644
--- a/src/index.css
+++ b/src/index.css
@@ -824,7 +824,7 @@ TODO: Responsive ===========================
 
 
 /* LoginPage */
-.main-wrapper{
+.main-wrapper.login-wrapper{
   background-image: url('./assets/images/login-dots.jpg');
   background-attachment: fixed;
   background-size: contain;