diff --git a/1st-gen/packages/card/src/Card.ts b/1st-gen/packages/card/src/Card.ts
index 12d8d2cb679..d29000f09fd 100644
--- a/1st-gen/packages/card/src/Card.ts
+++ b/1st-gen/packages/card/src/Card.ts
@@ -316,6 +316,16 @@ export class Card extends LikeAnchor(
                                   <div
                                       class="action-button"
                                       @pointerdown=${this.stopPropagationOnHref}
+                                  >
+                                      <slot name="actions" focusable></slot>
+                                  </div>
+                              `
+                            : nothing}
+                        ${this.variant === 'quiet' && this.size === 's'
+                            ? html`
+                                  <div
+                                      class="spectrum-QuickActions actions"
+                                      @pointerdown=${this.stopPropagationOnHref}
                                   >
                                       <slot name="actions"></slot>
                                   </div>
@@ -359,16 +369,6 @@ export class Card extends LikeAnchor(
                           </sp-popover>
                       `
                     : nothing}
-                ${this.variant === 'quiet' && this.size === 's'
-                    ? html`
-                          <div
-                              class="spectrum-QuickActions actions"
-                              @pointerdown=${this.stopPropagationOnHref}
-                          >
-                              <slot name="actions"></slot>
-                          </div>
-                      `
-                    : nothing}
             </div>
         `;
     }
diff --git a/1st-gen/packages/card/src/card.css b/1st-gen/packages/card/src/card.css
index e91c0420e67..01b614c3098 100644
--- a/1st-gen/packages/card/src/card.css
+++ b/1st-gen/packages/card/src/card.css
@@ -77,8 +77,11 @@ sp-popover {
 }
 
 .actions {
-    visibility: hidden;
-    margin: auto;
+    opacity: 0;
+}
+
+.actions:focus-within {
+    opacity: 1;
 }
 
 /**