diff --git a/amnet-web/package-lock.json b/amnet-web/package-lock.json
index 6eb0eee..e3c5646 100644
--- a/amnet-web/package-lock.json
+++ b/amnet-web/package-lock.json
@@ -56,7 +56,12 @@
     },
     "../amnet-shared": {
       "version": "1.0.0",
+      "dependencies": {
+        "big-integer": "^1.6.52",
+        "lodash": "^4.17.21"
+      },
       "devDependencies": {
+        "@types/lodash": "^4.17.14",
         "tsup": "^8.2.4",
         "typescript": "^5.5.4"
       }
diff --git a/amnet-web/src/components/card-creation-form.tsx b/amnet-web/src/components/card-creation-form.tsx
index 1d10b2a..11319d2 100644
--- a/amnet-web/src/components/card-creation-form.tsx
+++ b/amnet-web/src/components/card-creation-form.tsx
@@ -98,10 +98,9 @@ function AimeCardCreationForm(props: { callback?: () => void }) {
                                    <FormControl>
                                        <Input placeholder="0000 0000 0000 0000 0000" {...field} />
                                    </FormControl>
-                                   <FormDescription>
+                                   <FormDescription className="select-none">
                                        If you&apos;ve got a card, enter the matrix code here. If not, you can
-                                       <span className="font-bold hover:cursor-pointer ml-1"
-                                             onClick={() => form.setValue("id", generateCardNumber())}>
+                                       <span className="font-bold hover:cursor-pointer ml-1" onClick={() => form.setValue("id", generateCardNumber())}>
                                            generate a new one.
                                        </span>
                                    </FormDescription>