diff --git a/themes/10up-theme/assets/css/frontend/base/button.css b/themes/10up-theme/assets/css/frontend/base/button.css
new file mode 100644
index 00000000..e8d0d868
--- /dev/null
+++ b/themes/10up-theme/assets/css/frontend/base/button.css
@@ -0,0 +1,11 @@
+/*
+ * Ensure that we are not overriding the editor styles of the
+ * WordPress Components.
+ *
+ * This is a workaround for: https://github.com/WordPress/gutenberg/issues/10178
+ *
+ * using :where to prevent the specificity increase of using :not
+ */
+button:where(:not(.components-button)) {
+
+}
diff --git a/themes/10up-theme/assets/css/frontend/base/index.css b/themes/10up-theme/assets/css/frontend/base/index.css
index ff7075ba..dbb1b5ce 100755
--- a/themes/10up-theme/assets/css/frontend/base/index.css
+++ b/themes/10up-theme/assets/css/frontend/base/index.css
@@ -1,3 +1,5 @@
 @import url("prefers-reduced-motion.css");
 @import url("wordpress.css");
 @import url("utils.css");
+@import url("button.css");
+@import url("link.css");
diff --git a/themes/10up-theme/assets/css/frontend/base/link.css b/themes/10up-theme/assets/css/frontend/base/link.css
new file mode 100644
index 00000000..a7b4b3d1
--- /dev/null
+++ b/themes/10up-theme/assets/css/frontend/base/link.css
@@ -0,0 +1,11 @@
+/*
+ * Ensure that we are not overriding the editor styles of the
+ * WordPress Components.
+ *
+ * This is a workaround for: https://github.com/WordPress/gutenberg/issues/10178
+ *
+ * using :where to prevent the specificity increase of using :not
+ */
+a:where(:not(.components-external-link)) {
+
+}