fix(popover): add nested popover container margin

Author: marissahuysentruyt

components/popover/index.css

@@ -36,6 +36,9 @@ governing permissions and limitations under the License.
 	/* popover inner padding */
 	--spectrum-popover-content-area-spacing: var(--spectrum-popover-edge-to-content-area);
 
+	/* popover "container" padding (nested spacing) */
+	--spectrum-popover-nested-container-spacing: var(--spectrum-spacing-100);
+
 	/* popover drop shadow */
 	--spectrum-popover-drop-shadow-x: var(--spectrum-drop-shadow-elevated-x);
 	--spectrum-popover-drop-shadow-y: var(--spectrum-drop-shadow-elevated-y);
@@ -80,6 +83,7 @@ governing permissions and limitations under the License.
 	border-style: solid;
 	border-radius: var(--mod-popover-corner-radius, var(--spectrum-popover-corner-radius));
 	border-color: var(--highcontrast-popover-border-color, var(--mod-popover-border-color, var(--spectrum-popover-border-color-with-transparency)));
+
 	/* border-color: var(--spectrum-popover-border-color-default); */
 
 	border-width: var(--mod-popover-border-width, var(--spectrum-popover-border-thickness));
@@ -110,6 +114,10 @@ governing permissions and limitations under the License.
 /* prevent nested popovers from affecting each others drop shadow filters */
 .spectrum-Popover * {
 	--mod-popover-filter: none;
+
+	& > .spectrum-Popover {
+		margin: var(--spectrum-popover-nested-container-spacing);
+	}
 }
 
 /* position naming - first position term is popover position, second term is source position */