diff --git a/apps/Mintbase/widget/Mintbase/App/ContractProfilePage/Mint/Index.jsx b/apps/Mintbase/widget/Mintbase/App/ContractProfilePage/Mint/Index.jsx
index ccb0a279..f2eeb2cc 100644
--- a/apps/Mintbase/widget/Mintbase/App/ContractProfilePage/Mint/Index.jsx
+++ b/apps/Mintbase/widget/Mintbase/App/ContractProfilePage/Mint/Index.jsx
@@ -230,7 +230,9 @@ const Mint = ({ isDarkModeOn, contractId }) => {
   const [description, setDescription] = useState("");
   const [metaDataStatus, setMetaDataStatus] = useState(false);
   const [loadingUpload, setLoadingUpload] = useState("");
+  const [tags, setTags] = useState([]);
   const [activeCategory, setActiveCategory] = useState(-1);
+  const [royalties, setRoyalties] = useState([]);
   const [img, setImg] = useState(null);
 
   const uploadFile = (files) => {
@@ -276,6 +278,25 @@ const Mint = ({ isDarkModeOn, contractId }) => {
         "Please make sure that all required fields are filled"
       );
     }
+    let royaltiesAvailable = [];
+    if (
+      royalties.some((data) => data.accountId !== "" && data?.percent !== "")
+    ) {
+      royaltiesAvailable = royalties.map((data) => ({
+        ...data,
+        percent: Number(data.percent) / 100,
+      }));
+    } else if (
+      royalties.length === 1 &&
+      royalties.some((data) => data.accountId === "" && data?.percent === "")
+    ) {
+      royaltiesAvailable = null;
+    } else {
+      return setErrorMessage(
+        "Please make sure all Royalties fields are filled"
+      );
+    }
+
     const metadata = {
       title,
       description,
@@ -283,8 +304,9 @@ const Mint = ({ isDarkModeOn, contractId }) => {
       extra: [],
       store: contractId,
       type: "NEP171",
+      royalties: royaltiesAvailable,
       category: categories[activeCategory],
-      tags: [],
+      tags: tags,
     };
     const owner = context.accountId;
     mint(
@@ -433,6 +455,25 @@ const Mint = ({ isDarkModeOn, contractId }) => {
             ))}
           </div>
         </Categories>
+        <Categories>
+          <h2>Tags</h2>
+          <Typeahead
+            multiple
+            options={["AI", "DAOs", "Vibes"]}
+            allowNew
+            placeholder="Add up to 4 tags to improve discoverability"
+            selected={tags}
+            onChange={(e) => setTags(e)}
+          />
+        </Categories>
+        <Widget
+          src="${config_account}/widget/Mintbase.App.Profile.ContractSettings.Royalties"
+          props={{
+            isDarkModeOn,
+            handleRoyalties: setRoyalties,
+            isMintPage: true,
+          }}
+        />
       </Basic>
       <div className="bottomButtons">
         <button onClick={onMint}>
diff --git a/apps/Mintbase/widget/Mintbase/App/Profile/ContractSettings/Royalties.jsx b/apps/Mintbase/widget/Mintbase/App/Profile/ContractSettings/Royalties.jsx
index be1a70fa..18688735 100644
--- a/apps/Mintbase/widget/Mintbase/App/Profile/ContractSettings/Royalties.jsx
+++ b/apps/Mintbase/widget/Mintbase/App/Profile/ContractSettings/Royalties.jsx
@@ -149,117 +149,136 @@ const Bottom = styled.div`
   }
 `;
 
-const [royalties, setRoyalties] = useState([
-  {
-    accountId: "",
-    percent: "",
-  },
-]);
-
-const addAccounts = () => {
-  setRoyalties([
-    ...royalties,
+const Royalties = ({ isDarkModeOn, isMintPage, handleRoyalties }) => {
+  const [royalties, setRoyalties] = useState([
     {
-      percent: "",
       accountId: "",
+      percent: "",
     },
   ]);
-};
+  const [totalPercent, setTotalPercent] = useState(0);
 
-const handleAccountName = (e, index, name) => {
-  const newFields = royalties;
-  newFields[index][name] = e.target.value;
-  setRoyalties(newFields);
-};
+  const addAccounts = () => {
+    setRoyalties([
+      ...royalties,
+      {
+        percent: "",
+        accountId: "",
+      },
+    ]);
+  };
 
-const handleRemoveCard = (id) => {
-  const existingFields = royalties?.filter((_, index) => index !== id);
-  setRoyalties(existingFields);
-};
+  useEffect(() => {
+    handleRoyalties(royalties);
+    const totalRoyaltiesPercent = royalties.reduce((acc, curr) => {
+      return acc + (Number(curr.percent) || 0);
+    }, 0);
+    setTotalPercent(totalRoyaltiesPercent);
+  }, [royalties, royalties.map((item) => item.percent)]);
 
-return (
-  <>
-    <Royalty>
-      <h2>Default Royalties</h2>
-      <div className="text">
-        <p>Add NEAR Accounts to split royalties when minting</p>
-        <span>
-          Royalties are perpetual and can represent up to 50% of the total sale.
-          You can add up to 25 wallet addresses, including yours.
-        </span>
-      </div>
-      <RoyaltiesCards>
-        <div className={isDarkModeOn ? "dark" : "light"}>
-          {royalties.map((data, index) => (
-            <div key={index} className="accountCard">
-              <input
-                className="count"
-                type="number"
-                maxLength={2}
-                placeholder="%"
-                max={tokens?.length - data?.amount}
-                onChange={(e) => handleAccountName(e, index, "percent")}
-                value={data?.percent}
-              />
-              <input
-                value={data?.accountId}
-                onChange={(e) => handleAccountName(e, index, "accountId")}
-                className="account"
-                placeholder="account.near"
-              />
-              <div
-                style={{ cursor: "pointer" }}
-                onClick={() =>
-                  royalties.length > 1 ? handleRemoveCard(index) : {}
-                }
-              >
-                {cancelSvg}
+  const handleAccountName = (e, index, name) => {
+    const newFields = royalties;
+    newFields[index][name] = e.target.value;
+    setRoyalties(newFields);
+  };
+
+  const handleRemoveCard = (id) => {
+    const existingFields = royalties?.filter((_, index) => index !== id);
+    setRoyalties(existingFields);
+  };
+
+  return (
+    <>
+      <Royalty>
+        <h2>Default Royalties</h2>
+        <div className="text">
+          <p>Add NEAR Accounts to split royalties when minting</p>
+          <span>
+            Royalties are perpetual and can represent up to 50% of the total
+            sale. You can add up to 25 wallet addresses, including yours.
+          </span>
+        </div>
+        <RoyaltiesCards>
+          <div className={isDarkModeOn ? "dark" : "light"}>
+            {royalties.map((data, index) => (
+              <div key={index} className="accountCard">
+                <input
+                  className="count"
+                  type="number"
+                  maxLength={2}
+                  placeholder="%"
+                  max={tokens?.length - data?.amount}
+                  onChange={(e) => handleAccountName(e, index, "percent")}
+                  value={data?.percent}
+                />
+                <input
+                  value={data?.accountId}
+                  onChange={(e) => handleAccountName(e, index, "accountId")}
+                  className="account"
+                  placeholder="account.near"
+                />
+                <div
+                  style={{ cursor: "pointer" }}
+                  onClick={() =>
+                    royalties.length > 1 ? handleRemoveCard(index) : {}
+                  }
+                >
+                  {cancelSvg}
+                </div>
               </div>
+            ))}
+            <div
+              onClick={addAccounts}
+              className={isDarkModeOn ? "add-dark" : "add-light"}
+            >
+              Add Another Account
             </div>
-          ))}
-          <div
-            onClick={addAccounts}
-            className={isDarkModeOn ? "add-dark" : "add-light"}
-          >
-            Add Another Account
           </div>
-        </div>
-      </RoyaltiesCards>
-      <Bottom isDarkModeOn={isDarkModeOn}>
-        <div>
-          <div className="token">
-            <span>Used Percentage</span>
-            <p>0</p>
-          </div>
-          <div className="token">
-            <span>Available Percentage</span>
-            <p>0</p>
+        </RoyaltiesCards>
+        <Bottom isDarkModeOn={isDarkModeOn}>
+          <div>
+            <div className="token">
+              <span style={{ color: totalPercent > 50 ? "red" : "" }}>
+                Used Percentage
+              </span>
+              <p style={{ color: totalPercent > 50 ? "red" : "" }}>
+                {totalPercent}
+              </p>
+            </div>
+            <div className="token">
+              <span>Available Percentage</span>
+              <p>50%</p>
+            </div>
           </div>
-        </div>
 
-        <div className="clear">
-          <p
-            onClick={() =>
-              setRoyalties([
-                {
-                  accountId: "",
-                  percent: "",
-                },
-              ])
-            }
-          >
-            Clear all
-          </p>
-          <button
-            disabled={royalties.some(
-              (data) => data.accountId === "" || data.percent === ""
+          <div className="clear">
+            <p
+              onClick={() =>
+                setRoyalties([
+                  {
+                    accountId: "",
+                    percent: "",
+                  },
+                ])
+              }
+            >
+              Clear all
+            </p>
+            {!isMintPage && (
+              <button
+                disabled={royalties.some(
+                  (data) => data.accountId === "" || data.percent === ""
+                )}
+              >
+                {" "}
+                Save
+              </button>
             )}
-          >
-            {" "}
-            Save
-          </button>
-        </div>
-      </Bottom>
-    </Royalty>
-  </>
-);
+          </div>
+        </Bottom>
+      </Royalty>
+    </>
+  );
+};
+
+return <Royalties {...props} />;
diff --git a/apps/Mintbase/widget/Mintbase/utils/sdk.jsx b/apps/Mintbase/widget/Mintbase/utils/sdk.jsx
index e1b30e3d..e115dd0c 100644
--- a/apps/Mintbase/widget/Mintbase/utils/sdk.jsx
+++ b/apps/Mintbase/widget/Mintbase/utils/sdk.jsx
@@ -180,6 +180,53 @@ function mintingDeposit({ nTokens, nRoyalties, nSplits, metadata }) {
   return `${Math.ceil(totalBytes)}${"0".repeat(19)}`;
 }
 
+function getRoyaltyTotal(royalties, errorMessage) {
+  let royaltyTotal = 0;
+  royalties.forEach((value) => {
+    royaltyTotal += Number(value.percent);
+  });
+
+  if (royaltyTotal <= 0 || royaltyTotal > 0.5) {
+    errorMessage("Invalid royalty percentage, it must be between 0 and 0.5");
+    return "Error";
+  }
+  return royaltyTotal;
+}
+
+function adjustRoyaltiesForContract(royalties, royaltyTotal, errorMessage) {
+  let counter = 0;
+  const result = {};
+  royalties.map(({ accountId, percent }) => {
+    if (percent <= 0) {
+      errorMessage("Invalid royalty percentage, it must be between 0 and 0.5");
+    }
+    const adjustedAmount = (percent / royaltyTotal) * 10000;
+    result[accountId] = adjustedAmount;
+    counter += adjustedAmount;
+  });
+  if (counter != 10000) {
+    errorMessage("Splits percentages must add up 10000 in the contract call ");
+    return "Error";
+  }
+  return result;
+}
+
+function roundRoyalties(royalties) {
+  let roundedCounter = 0;
+  const result = {};
+  const firstKey = Object.keys(royalties)[0];
+  Object.keys(royalties).forEach((key) => {
+    const roundedVal = Math.round(royalties[key]);
+    result[key] = roundedVal;
+    roundedCounter += roundedVal;
+  });
+
+  if (roundedCounter != 10000) {
+    result[firstKey] += 10000 - roundedCounter;
+  }
+  return result;
+}
+
 // Function to create (mint) new NFTs and uploads them to IPFS
 const mint = (
   metadata,
@@ -192,7 +239,18 @@ const mint = (
 ) => {
   if (!media && !metadata) return console.log("missing file");
   fileUploadStatus(true);
-
+  let royaltyTotal = null;
+  let roundupRoyalties = null;
+  if (metadata.royalties) {
+    royaltyTotal = getRoyaltyTotal(metadata.royalties, errorMessage);
+    const adjustedRoyalties = adjustRoyaltiesForContract(
+      metadata.royalties,
+      royaltyTotal,
+      errorMessage
+    );
+    roundupRoyalties = roundRoyalties(adjustedRoyalties);
+    if (royaltyTotal === "Error" || adjustedRoyalties === "Error") return;
+  }
   asyncFetch("https://ipfs.near.social/add", {
     method: "POST",
     headers: {
@@ -220,7 +278,12 @@ const mint = (
               description: metadata.description,
             },
             num_to_mint: numToMint || 1,
-            royalty_args: null,
+            royalty_args: !royaltyTotal
+              ? null
+              : {
+                  split_between: roundupRoyalties,
+                  percentage: Math.round(royaltyTotal * 10000),
+                },
             split_owners: null,
             token_ids_to_mint: null,
           },
@@ -228,7 +291,9 @@ const mint = (
           deposit: mintingDeposit({
             nSplits: 0,
             nTokens: numToMint,
-            nRoyalties: 0,
+            nRoyalties: !metadata?.royalties
+              ? null
+              : metadata?.royalties?.length,
             metadata,
           }),
         },