diff --git a/labscore/cardstack/stack.js b/labscore/cardstack/stack.js
index 27a2947..8019da0 100644
--- a/labscore/cardstack/stack.js
+++ b/labscore/cardstack/stack.js
@@ -16,7 +16,6 @@ const {
   ResolveCallbackTypes
 } = require("./constants");
 const {InteractiveComponentTypes, DEFAULT_BUTTON_STYLES} = require("#cardstack/constants");
-const {Xid} = require("#utils/hash");
 
 /**
  * Stores all active card stacks
@@ -24,6 +23,8 @@ const {Xid} = require("#utils/hash");
  */
 const activeStacks = new WeakMap();
 
+const { xid } = require("utils");
+
 /**
  * DynamicCardStack represents an interactive stacks
  * of cards (embeds) for the user to paginate through
@@ -338,7 +339,7 @@ class DynamicCardStack {
     let component = {
       type: MessageComponentTypes.BUTTON,
       // id/XID is used for dynamically generated components via BUTTON_GENERATOR
-      customId: button.customId ? id + "/" + Xid(button.customId) : id,
+      customId: button.customId ? id + "/" + xid(button.customId) : id,
       style: button.style || 2,
       disabled: disabled
     }
diff --git a/package.json b/package.json
index bb19d49..e8bea51 100644
--- a/package.json
+++ b/package.json
@@ -22,7 +22,8 @@
     "dotenv": "^16.4.7",
     "emoji-aware": "^3.1.0",
     "eventemitter3": "^5.0.1",
-    "superagent": "^10.1.1"
+    "superagent": "^10.1.1",
+    "utils": "gitlab:bignutty/utils"
   },
   "imports": {
     "#api": "./labscore/api/index.js",