[Bug]: sp-card (supplied with an actions slot) action menu elements overlaps with neighbouring component in Safari versions and Firefox.

### Code of conduct

- [X] I agree to follow this project's code of conduct.

### Impacted component(s)

sp-card, sp-grid, firefly autodub lipsync module.

### Expected behavior

On opening of action menu in sp-card, the action menu should be at top layer and should not overlap as here (image taken from [sp-card-documentation](https://opensource.adobe.com/spectrum-web-components/components/card/) chrome):

### Actual behavior

On opening of action menu in sp-card, the action menu hides behind the neighbouring component sharing same pixels.
image taken from [sp-card-documentation](https://opensource.adobe.com/spectrum-web-components/components/card/) Safari 16.4/16.6 version.

This issue also happens on Firefox.

### Screenshots

In firefly project the issue persists as this:

### What browsers are you seeing the problem in?

Firefox, Safari

### How can we reproduce this issue?

1. On Safari 16.4 version or Firefox, go to [firefly stage url](https://firefly-stage.corp.adobe.com/)
2. Click on auto dub and lip sync module OR directly navigate to [autodub-module](https://firefly-stage.corp.adobe.com/upload/dubbing-lipsync)
3. Upload your file and autodub content by hitting generate.
4. Once dubbed file is generated, hit back to upload page again.
5. The queue should be visible, click on three dots (action-menu) of sp-card.
6. The action menu hides behind the neighbouring components.

### Sample code that illustrates the problem

_No response_

### Logs taken while reproducing problem

_No response_