diff --git a/components/v4/card/ToolBackgroundCard.js b/components/v4/card/ToolBackgroundCard.js
index 46d980b5..e52624af 100644
--- a/components/v4/card/ToolBackgroundCard.js
+++ b/components/v4/card/ToolBackgroundCard.js
@@ -18,7 +18,7 @@ const ToolBackgroundCard = ({
       <Link href={`/toolbox/${slug}`}>
         <div
           className={
-            "flex pt-0 grid grid-col-1 gap-2 flex-grow h-full rounded-t-2xl shadow hover:shadow-xl border border-gray-300/60 transition transition-all duration-400 hover:scale-[1.02] group bg-white relative rounded-2xl fade-"
+            "flex pt-0 grid grid-col-1 gap-2 flex-grow h-full rounded-t-2xl shadow hover:shadow-xl border border-gray-300/60 transition transition-all duration-400 hover:scale-[1.02] group bg-white relative rounded-2xl fade- overflow-hidden"
           }
         >
           <div className="rounded-xl px-0 block cursor-pointer">
diff --git a/package.json b/package.json
index 03ec4a48..d375fe42 100644
--- a/package.json
+++ b/package.json
@@ -173,7 +173,7 @@
     "yup": "^0.32.11"
   },
   "optionalDependencies": {
-    "@prototypr/prototypr-postie": "^1.0.2"
+    "@prototypr/prototypr-postie": "^1.0.3"
   },
   "devDependencies": {
     "@babel/core": "^7.20.7",
diff --git a/pages/api/post/index-post.js b/pages/api/post/index-post.js
index bc3d0ab3..f798449b 100644
--- a/pages/api/post/index-post.js
+++ b/pages/api/post/index-post.js
@@ -4,8 +4,14 @@ let processPost;
 
 (async () => {
   try {
-    const postie = await import("@prototypr/prototypr-postie");
-    processPost = postie.processPost;
+    if(process.env.NODE_ENV === 'development'){
+      console.log('is dev')
+      const postie = await import(".prototypr/prototypr-postie/index.js");
+      processPost = postie.processPost;
+    }else{
+      const postie = await import("@prototypr/prototypr-postie");
+      processPost = postie.processPost;
+    }
   } catch (error) {
     processPost = () => {
       // Provide a fallback implementation or handle the error appropriately