From d566b58643f645f85a5cf88352f5018402dca242 Mon Sep 17 00:00:00 2001
From: Dipesh Rawat <rawat.dipesh@gmail.com>
Date: Mon, 5 Aug 2024 15:24:14 +0100
Subject: [PATCH] Fix table rendering issues within admonition blocks

---
 assets/scss/_custom.scss | 11 +++++++++++
 content/en/docs/test.md  |  7 ++++++-
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/assets/scss/_custom.scss b/assets/scss/_custom.scss
index f5cebcf24e..aee302bd6d 100644
--- a/assets/scss/_custom.scss
+++ b/assets/scss/_custom.scss
@@ -1469,4 +1469,15 @@ body.td-search #search {
 section.k8s-birthday-override:has(div.k8s-birthday-override.revert-to-previous input:not(:checked)) + section {
   display: none;
   visibility: hidden;
+}
+
+/* Apply site-wide table styles for tables in alert callouts (note, caution, warning) */
+.alert {
+  &.alert-info, &.alert-caution, &.alert-danger {
+    > table {
+    @extend .table-striped;
+    @extend .table-responsive;
+    @extend .table;
+    }
+  }
 }
\ No newline at end of file
diff --git a/content/en/docs/test.md b/content/en/docs/test.md
index 367fecb5b1..42514fe160 100644
--- a/content/en/docs/test.md
+++ b/content/en/docs/test.md
@@ -370,7 +370,12 @@ Notes catch the reader's attention without a sense of urgency.
 
 You can have multiple paragraphs and block-level elements inside an admonition.
 
-| Or | a | table |
+You can also add tables to organize and highlight key information.
+
+| Header 1 | Header 2 | Header 3 |
+| -------- | -------- | -------- |
+| Data 1   | Data A   | Info X   |
+| Data 2   | Data B   | Info Y   |
 {{< /note >}}
 
 {{< caution >}}