diff --git a/css/leptonChrome.css b/css/leptonChrome.css
index 71fb119..d993d07 100644
--- a/css/leptonChrome.css
+++ b/css/leptonChrome.css
@@ -5679,6 +5679,38 @@
     }
   }
 }
+@supports -moz-bool-pref("userChrome.autohide.page_action") {
+  #page-action-buttons > .urlbar-page-action {
+    margin-inline-end: calc(-16px - 2 * var(--urlbar-icon-padding));
+    opacity: 0;
+  }
+
+  #urlbar-container:hover #page-action-buttons > .urlbar-page-action,
+  .urlbar-page-action[open],
+  .urlbar-page-action[open] ~ .urlbar-page-action {
+    margin-inline-end: 0px !important;
+    opacity: 1;
+  }
+
+  @media (prefers-reduced-motion: no-preference) {
+    #page-action-buttons > .urlbar-page-action {
+      transition: margin-inline-end 50ms var(--animation-easing-function) 900ms,
+        opacity 1.5s var(--animation-easing-function) 600ms !important;
+    }
+    @supports -moz-bool-pref("userChrome.decoration.animate") {
+      #page-action-buttons > .urlbar-page-action {
+        transition: margin-inline-end 50ms var(--animation-easing-function) 900ms,
+          opacity 1.5s var(--animation-easing-function) 600ms, background-color 2.5s var(--animation-easing-function) !important;
+      }
+    }
+
+    #urlbar-container:hover #page-action-buttons > .urlbar-page-action,
+    .urlbar-page-action[open],
+    .urlbar-page-action[open] ~ .urlbar-page-action {
+      transition-delay: 0s !important;
+    }
+  }
+}
 @supports -moz-bool-pref("userChrome.autohide.tab") {
   @supports not -moz-bool-pref("userChrome.autohide.tab.opacity") {
     @supports not -moz-bool-pref("userChrome.autohide.tab.blur") {
diff --git a/src/autohide/_index.scss b/src/autohide/_index.scss
index 8ea7d1a..874609f 100644
--- a/src/autohide/_index.scss
+++ b/src/autohide/_index.scss
@@ -4,6 +4,9 @@
 @include Option("userChrome.autohide.forward_button") {
   @import "forward_button";
 }
+@include Option("userChrome.autohide.page_action") {
+  @import "page_action";
+}
 
 @include Option("userChrome.autohide.tab") {
   @import "tab";
diff --git a/src/autohide/_page_action.scss b/src/autohide/_page_action.scss
new file mode 100644
index 0000000..67ff792
--- /dev/null
+++ b/src/autohide/_page_action.scss
@@ -0,0 +1,29 @@
+#page-action-buttons >  .urlbar-page-action {
+  margin-inline-end: calc(-16px - 2 * var(--urlbar-icon-padding) );
+  opacity: 0;
+}
+
+#urlbar-container:hover #page-action-buttons > .urlbar-page-action,
+.urlbar-page-action[open],
+.urlbar-page-action[open] ~ .urlbar-page-action {
+  margin-inline-end: 0px !important;
+  opacity: 1;
+}
+
+@include Animate {
+  #page-action-buttons > .urlbar-page-action {
+    transition: margin-inline-end 50ms var(--animation-easing-function) 900ms,
+                opacity 1.5s var(--animation-easing-function) 600ms !important;
+
+    @include Option("userChrome.decoration.animate") {
+      transition: margin-inline-end 50ms var(--animation-easing-function) 900ms,
+                  opacity 1.5s var(--animation-easing-function) 600ms,
+                  background-color 2.5s var(--animation-easing-function) !important;
+    }
+  }
+  #urlbar-container:hover #page-action-buttons > .urlbar-page-action,
+  .urlbar-page-action[open],
+  .urlbar-page-action[open] ~ .urlbar-page-action{
+    transition-delay: 0s !important;
+  }
+}
diff --git a/user.js b/user.js
index 6b75de4..273d3eb 100644
--- a/user.js
+++ b/user.js
@@ -82,6 +82,7 @@ user_pref("userChrome.rounding.square_tab",           false);
 // user_pref("userChrome.autohide.sidebar",                    true);
 // user_pref("userChrome.autohide.back_button",                true);
 // user_pref("userChrome.autohide.forward_button",             true);
+// user_pref("userChrome.autohide.page_action",                true);
 // user_pref("userChrome.autohide.toolbar_overlap",            true);
 
 // user_pref("userChrome.rounding.square_button",              true);