diff --git a/app/src/assets/scss/protyle/_protyle.scss b/app/src/assets/scss/protyle/_protyle.scss
index 737a37836..a1d23d76b 100644
--- a/app/src/assets/scss/protyle/_protyle.scss
+++ b/app/src/assets/scss/protyle/_protyle.scss
@@ -371,6 +371,7 @@
   margin: 34px 16px 0 24px;
   position: relative;
   font-size: 16px;
+  border-radius: 4px;
 
   &:hover .protyle-title__icon {
     opacity: 1;
diff --git a/app/src/protyle/wysiwyg/transaction.ts b/app/src/protyle/wysiwyg/transaction.ts
index 3a87f64a6..315536489 100644
--- a/app/src/protyle/wysiwyg/transaction.ts
+++ b/app/src/protyle/wysiwyg/transaction.ts
@@ -485,6 +485,9 @@ export const onTransaction = (protyle: IProtyle, operation: IOperation, focus: b
             Object.keys(data.old).forEach(key => {
                 item.removeAttribute(key);
             });
+            if (data.new.style && data.new["custom-riff-decks"]) {
+                data.new.style += ";animation:addCard 450ms linear";
+            }
             Object.keys(data.new).forEach(key => {
                 item.setAttribute(key, data.new[key]);
                 if (key === "custom-riff-decks") {