Fix/7322 unable to dismiss inbox note (https://github.com/woocommerce/woocommerce-admin/pull/7342)

* Add components-dropdown__content class -- this is for Safari as Safari returns parent element as a related target in this case

* Remove unnecessary style

plugins/woocommerce-admin/TESTING-INSTRUCTIONS.md

@@ -7,6 +7,14 @@
 1. Navigate to WooCommerce -> Settings -> Advanced -> Features. Uncheck Analytics and save the changes.
 2. Navigate to WooCommerce -> Home and confirm the page loads without an error.
 
+### Fix Fix links on the dismiss dropdown are not clickable #7342
+
+Please make sure to test it on Safari as well.
+
+1. Navigate to WooCommerce -> Home
+2. Click [ Dismiss ] button
+3. Confirm that the links are clickable
+
 ### Fix missing translation strings for CES #7270
 
 1. Navigate to Settings -> General and change the site language to a non-English (I've used Espanol for testing purposes).

plugins/woocommerce-admin/changelogs/fix-7322-unable-to-dismiss-inbox-note

@@ -0,0 +1,4 @@
+Significance: patch
+Type: Fix
+
+Fix links on the dismiss dropdown are not clickable #7342

plugins/woocommerce-admin/packages/experimental/src/inbox-note/inbox-note.tsx

@@ -95,6 +95,7 @@ const InboxNoteCard: React.FC< InboxNoteProps > = ( {
 		const dropdownClasses = [
 			'woocommerce-admin-dismiss-notification',
 			'components-popover__content',
+			'components-dropdown__content',
 		];
 		// This line is for IE compatibility.
 		let relatedTarget: EventTarget | Element | null = null;

plugins/woocommerce-admin/packages/experimental/src/inbox-note/style.scss

@@ -128,7 +128,6 @@
 	}
 	.components-dropdown {
 		display: inline;
-		position: absolute;
 
 		.components-popover__content {
 			min-width: 195px;