diff --git a/.changeset/violet-planes-hide.md b/.changeset/violet-planes-hide.md
new file mode 100644
index 0000000000..a74f860d48
--- /dev/null
+++ b/.changeset/violet-planes-hide.md
@@ -0,0 +1,6 @@
+---
+"@rhds/elements": patch
+---
+
+`<rh-tile>`: added arrow animation on hover
+
diff --git a/elements/rh-tile/rh-tile.css b/elements/rh-tile/rh-tile.css
index 8b96352068..cf7caca21d 100644
--- a/elements/rh-tile/rh-tile.css
+++ b/elements/rh-tile/rh-tile.css
@@ -143,6 +143,21 @@ pf-icon[icon="arrow-right"] {
   width: var(--rh-space-xl, 24px);
   height: var(--rh-space-xl, 24px);
   pointer-events: none;
+  translate: 0 0;
+  transition: translate var(--_trans);
+
+  --_trans:
+    var(--rh-animation-speed, 0.3s)
+    var(--rh-animation-timing, cubic-bezier(0.465, 0.183, 0.153, 0.946));
+}
+
+:host(:hover) #footer pf-icon {
+  translate: 3px 0;
+}
+
+/* chrome <= 103 */
+@supports not (translate: 0 0) {
+  :host(:hover) #footer pf-icon { transform: translate(3px, 0); }
 }
 
 svg {