diff --git a/src/components/table/_table.scss b/src/components/table/_table.scss
index 6fdf4707530..b433ea62129 100644
--- a/src/components/table/_table.scss
+++ b/src/components/table/_table.scss
@@ -227,22 +227,20 @@
 }
 
 // Animate expanded row must be on the contents div inside
-
+// This adds a quick pop in animation, but does not attempt to animate to height auto
+// - down that road dragons lie. @see https://github.com/elastic/eui/issues/6770
 .euiTableRow-isExpandedRow .euiTableCellContent {
-  overflow: hidden;
-  animation: $euiAnimSpeedNormal $euiAnimSlightResistance 1 normal forwards growExpandedRow;
+  animation: $euiAnimSpeedFast $euiAnimSlightResistance 1 normal none growExpandedRow;
 }
 
 @keyframes growExpandedRow {
   0% {
-    max-height: 0;
-  }
-
-  99% {
-    max-height: 100vh;
+    opacity: 0;
+    transform: translateY(-$euiSizeM);
   }
 
   100% {
-    max-height: unset;
+    opacity: 1;
+    transform: translateY(0);
   }
 }
diff --git a/upcoming_changelogs/6826.md b/upcoming_changelogs/6826.md
new file mode 100644
index 00000000000..685e665710d
--- /dev/null
+++ b/upcoming_changelogs/6826.md
@@ -0,0 +1,3 @@
+**Bug fixes**
+
+- Fixed the expanded row animation on `EuiBasicTable` causing cross-browser Safari issues