fix: actionButton focus-ring active state visual issue #755 (#777)

Co-authored-by: Martin Hofmann <martin@martinhofmann.com>

Author: bernhard-adobe

components/button/skin.css

@@ -347,6 +347,10 @@ governing permissions and limitations under the License.
     box-shadow: 0 0 0 var(--spectrum-button-primary-border-size-increase-key-focus) var(--spectrum-actionbutton-border-color-key-focus);
     color: var(--spectrum-actionbutton-text-color-key-focus);
 
+    &:active {
+      border-color: var(--spectrum-actionbutton-border-color-key-focus);
+    }
+
     .spectrum-Icon {
       color: var(--spectrum-actionbutton-icon-color-key-focus);
     }
@@ -395,6 +399,10 @@ governing permissions and limitations under the License.
       border-color: var(--spectrum-actionbutton-border-color-selected-key-focus);
       color: var(--spectrum-actionbutton-text-color-selected-key-focus);
 
+      &:active {
+        border-color: var(--spectrum-actionbutton-border-color-key-focus);
+      }
+
       .spectrum-Icon {
         color: var(--spectrum-actionbutton-icon-color-selected-key-focus);
       }