diff --git a/demo/pages/lists/adw-demo-page-lists.ui b/demo/pages/lists/adw-demo-page-lists.ui
index a4b94bd08819b82039dfdb74724390f27b70e8fc..c75571fcc0cf3bde6a136afdf04ff2a268b25886 100644
--- a/demo/pages/lists/adw-demo-page-lists.ui
+++ b/demo/pages/lists/adw-demo-page-lists.ui
@@ -287,9 +287,6 @@
                           <object class="AdwButtonRow">
                             <property name="title" translatable="yes">Add Calendar</property>
                             <property name="end-icon-name">go-next-symbolic</property>
-                            <style>
-                              <class name="suggested-action"/>
-                            </style>
                           </object>
                         </child>
                         <child>
@@ -300,6 +297,14 @@
                             </style>
                           </object>
                         </child>
+                        <child>
+                          <object class="AdwButtonRow">
+                            <property name="title" translatable="yes">Search</property>
+                            <style>
+                              <class name="suggested-action"/>
+                            </style>
+                          </object>
+                        </child>
                       </object>
                     </child>
                   </object>
diff --git a/doc/images/button-rows-dark.png b/doc/images/button-rows-dark.png
index 33c841c92745f74b6fb9394996c5dc86922e04af..2bc8579a3382a97cfece62f9e69ffaca47b4def3 100644
Binary files a/doc/images/button-rows-dark.png and b/doc/images/button-rows-dark.png differ
diff --git a/doc/images/button-rows.png b/doc/images/button-rows.png
index 6301a2e59249d3d65086906229b95335492337c2..a7c74d2d390dbf2628b83fc6d634fd2b33e87e57 100644
Binary files a/doc/images/button-rows.png and b/doc/images/button-rows.png differ
diff --git a/doc/tools/data/button-rows.ui b/doc/tools/data/button-rows.ui
index 7cc10a113b1de9a364246b74f83779fb5b059d2e..d633bcf3e9cf73ec43d4e3029467d0474e77666b 100644
--- a/doc/tools/data/button-rows.ui
+++ b/doc/tools/data/button-rows.ui
@@ -22,9 +22,6 @@
       <object class="AdwButtonRow">
         <property name="title">Add Calendar</property>
         <property name="end-icon-name">go-next-symbolic</property>
-        <style>
-          <class name="suggested-action"/>
-        </style>
       </object>
     </child>
     <child>
@@ -35,5 +32,13 @@
         </style>
       </object>
     </child>
+    <child>
+      <object class="AdwButtonRow">
+        <property name="title">Search</property>
+        <style>
+          <class name="suggested-action"/>
+        </style>
+      </object>
+    </child>
   </object>
 </interface>
diff --git a/src/stylesheet/widgets/_lists.scss b/src/stylesheet/widgets/_lists.scss
index 49dad1b48fbeced662b595f7d0e52e8ad49d7870..007fe80da15918d959dac70b95605e21effd58fb 100644
--- a/src/stylesheet/widgets/_lists.scss
+++ b/src/stylesheet/widgets/_lists.scss
@@ -415,12 +415,33 @@ row.button {
     @extend .heading;
   }
 
-  &.suggested-action,
-  &.destructive-action {
-    color: var(--accent-color);
+  &.suggested-action {
+    background-color: var(--accent-bg-color);
+    color: var(--accent-fg-color);
+    border-bottom: none;
+
+    @include focus-ring($outer: true, $offset: 1px, $transition: $row_transition);
+
+    &:not(.expander):not(:selected).activatable {
+      &:hover {
+        background-color: var(--accent-bg-color);
+        background-image: image(color-mix(in srgb, currentColor 10%, transparent));
+      }
+
+      &:active {
+        background-color: var(--accent-bg-color);
+        background-image: image(RGB(0 0 0 / 20%));
+      }
+
+      &.has-open-popup {
+        background-color: var(--accent-bg-color);
+        background-image: image(color-mix(in srgb, currentColor 10%, transparent));
+      }
+    }
   }
 
   &.destructive-action {
+    color: var(--accent-color);
     --accent-bg-color: var(--destructive-bg-color);
     --accent-fg-color: var(--destructive-fg-color);
     --accent-color: var(--destructive-color);