diff --git a/py/h2o_lightwave/h2o_lightwave/types.py b/py/h2o_lightwave/h2o_lightwave/types.py
index aea7fa964b1..ab389e6acd7 100644
--- a/py/h2o_lightwave/h2o_lightwave/types.py
+++ b/py/h2o_lightwave/h2o_lightwave/types.py
@@ -9608,11 +9608,13 @@ def __init__(
             title: str,
             content: str,
             data: Optional[PackedRecord] = None,
+            compact: Optional[bool] = None,
             commands: Optional[List[Command]] = None,
     ):
         _guard_scalar('MarkdownCard.box', box, (str,), False, False, False)
         _guard_scalar('MarkdownCard.title', title, (str,), False, False, False)
         _guard_scalar('MarkdownCard.content', content, (str,), False, False, False)
+        _guard_scalar('MarkdownCard.compact', compact, (bool,), False, True, False)
         _guard_vector('MarkdownCard.commands', commands, (Command,), False, True, False)
         self.box = box
         """A string indicating how to place this component on the page."""
@@ -9622,6 +9624,8 @@ def __init__(
         """The markdown content. Supports Github Flavored Markdown (GFM): https://guides.github.com/features/mastering-markdown/"""
         self.data = data
         """Additional data for the card."""
+        self.compact = compact
+        """In compact mode markdown content takes less screen space. Defaults to True."""
         self.commands = commands
         """Contextual menu commands for this component."""
 
@@ -9630,6 +9634,7 @@ def dump(self) -> Dict:
         _guard_scalar('MarkdownCard.box', self.box, (str,), False, False, False)
         _guard_scalar('MarkdownCard.title', self.title, (str,), False, False, False)
         _guard_scalar('MarkdownCard.content', self.content, (str,), False, False, False)
+        _guard_scalar('MarkdownCard.compact', self.compact, (bool,), False, True, False)
         _guard_vector('MarkdownCard.commands', self.commands, (Command,), False, True, False)
         return _dump(
             view='markdown',
@@ -9637,6 +9642,7 @@ def dump(self) -> Dict:
             title=self.title,
             content=self.content,
             data=self.data,
+            compact=self.compact,
             commands=None if self.commands is None else [__e.dump() for __e in self.commands],
         )
 
@@ -9650,18 +9656,22 @@ def load(__d: Dict) -> 'MarkdownCard':
         __d_content: Any = __d.get('content')
         _guard_scalar('MarkdownCard.content', __d_content, (str,), False, False, False)
         __d_data: Any = __d.get('data')
+        __d_compact: Any = __d.get('compact')
+        _guard_scalar('MarkdownCard.compact', __d_compact, (bool,), False, True, False)
         __d_commands: Any = __d.get('commands')
         _guard_vector('MarkdownCard.commands', __d_commands, (dict,), False, True, False)
         box: str = __d_box
         title: str = __d_title
         content: str = __d_content
         data: Optional[PackedRecord] = __d_data
+        compact: Optional[bool] = __d_compact
         commands: Optional[List[Command]] = None if __d_commands is None else [Command.load(__e) for __e in __d_commands]
         return MarkdownCard(
             box,
             title,
             content,
             data,
+            compact,
             commands,
         )
 
diff --git a/py/h2o_lightwave/h2o_lightwave/ui.py b/py/h2o_lightwave/h2o_lightwave/ui.py
index ed0db0823d8..a4a9a375c3b 100644
--- a/py/h2o_lightwave/h2o_lightwave/ui.py
+++ b/py/h2o_lightwave/h2o_lightwave/ui.py
@@ -3388,6 +3388,7 @@ def markdown_card(
         title: str,
         content: str,
         data: Optional[PackedRecord] = None,
+        compact: Optional[bool] = None,
         commands: Optional[List[Command]] = None,
 ) -> MarkdownCard:
     """Create a card that renders Markdown content.
@@ -3402,6 +3403,7 @@ def markdown_card(
         title: The title for this card.
         content: The markdown content. Supports Github Flavored Markdown (GFM): https://guides.github.com/features/mastering-markdown/
         data: Additional data for the card.
+        compact: In compact mode markdown content takes less screen space. Defaults to True.
         commands: Contextual menu commands for this component.
     Returns:
         A `h2o_wave.types.MarkdownCard` instance.
@@ -3411,6 +3413,7 @@ def markdown_card(
         title,
         content,
         data,
+        compact,
         commands,
     )
 
diff --git a/py/h2o_wave/h2o_wave/types.py b/py/h2o_wave/h2o_wave/types.py
index aea7fa964b1..ab389e6acd7 100644
--- a/py/h2o_wave/h2o_wave/types.py
+++ b/py/h2o_wave/h2o_wave/types.py
@@ -9608,11 +9608,13 @@ def __init__(
             title: str,
             content: str,
             data: Optional[PackedRecord] = None,
+            compact: Optional[bool] = None,
             commands: Optional[List[Command]] = None,
     ):
         _guard_scalar('MarkdownCard.box', box, (str,), False, False, False)
         _guard_scalar('MarkdownCard.title', title, (str,), False, False, False)
         _guard_scalar('MarkdownCard.content', content, (str,), False, False, False)
+        _guard_scalar('MarkdownCard.compact', compact, (bool,), False, True, False)
         _guard_vector('MarkdownCard.commands', commands, (Command,), False, True, False)
         self.box = box
         """A string indicating how to place this component on the page."""
@@ -9622,6 +9624,8 @@ def __init__(
         """The markdown content. Supports Github Flavored Markdown (GFM): https://guides.github.com/features/mastering-markdown/"""
         self.data = data
         """Additional data for the card."""
+        self.compact = compact
+        """In compact mode markdown content takes less screen space. Defaults to True."""
         self.commands = commands
         """Contextual menu commands for this component."""
 
@@ -9630,6 +9634,7 @@ def dump(self) -> Dict:
         _guard_scalar('MarkdownCard.box', self.box, (str,), False, False, False)
         _guard_scalar('MarkdownCard.title', self.title, (str,), False, False, False)
         _guard_scalar('MarkdownCard.content', self.content, (str,), False, False, False)
+        _guard_scalar('MarkdownCard.compact', self.compact, (bool,), False, True, False)
         _guard_vector('MarkdownCard.commands', self.commands, (Command,), False, True, False)
         return _dump(
             view='markdown',
@@ -9637,6 +9642,7 @@ def dump(self) -> Dict:
             title=self.title,
             content=self.content,
             data=self.data,
+            compact=self.compact,
             commands=None if self.commands is None else [__e.dump() for __e in self.commands],
         )
 
@@ -9650,18 +9656,22 @@ def load(__d: Dict) -> 'MarkdownCard':
         __d_content: Any = __d.get('content')
         _guard_scalar('MarkdownCard.content', __d_content, (str,), False, False, False)
         __d_data: Any = __d.get('data')
+        __d_compact: Any = __d.get('compact')
+        _guard_scalar('MarkdownCard.compact', __d_compact, (bool,), False, True, False)
         __d_commands: Any = __d.get('commands')
         _guard_vector('MarkdownCard.commands', __d_commands, (dict,), False, True, False)
         box: str = __d_box
         title: str = __d_title
         content: str = __d_content
         data: Optional[PackedRecord] = __d_data
+        compact: Optional[bool] = __d_compact
         commands: Optional[List[Command]] = None if __d_commands is None else [Command.load(__e) for __e in __d_commands]
         return MarkdownCard(
             box,
             title,
             content,
             data,
+            compact,
             commands,
         )
 
diff --git a/py/h2o_wave/h2o_wave/ui.py b/py/h2o_wave/h2o_wave/ui.py
index ed0db0823d8..a4a9a375c3b 100644
--- a/py/h2o_wave/h2o_wave/ui.py
+++ b/py/h2o_wave/h2o_wave/ui.py
@@ -3388,6 +3388,7 @@ def markdown_card(
         title: str,
         content: str,
         data: Optional[PackedRecord] = None,
+        compact: Optional[bool] = None,
         commands: Optional[List[Command]] = None,
 ) -> MarkdownCard:
     """Create a card that renders Markdown content.
@@ -3402,6 +3403,7 @@ def markdown_card(
         title: The title for this card.
         content: The markdown content. Supports Github Flavored Markdown (GFM): https://guides.github.com/features/mastering-markdown/
         data: Additional data for the card.
+        compact: In compact mode markdown content takes less screen space. Defaults to True.
         commands: Contextual menu commands for this component.
     Returns:
         A `h2o_wave.types.MarkdownCard` instance.
@@ -3411,6 +3413,7 @@ def markdown_card(
         title,
         content,
         data,
+        compact,
         commands,
     )
 
diff --git a/r/R/ui.R b/r/R/ui.R
index 7d81a35fb39..d16690246e2 100644
--- a/r/R/ui.R
+++ b/r/R/ui.R
@@ -3948,6 +3948,7 @@ ui_list_item1_card <- function(
 #' @param title The title for this card.
 #' @param content The markdown content. Supports Github Flavored Markdown (GFM): https://guides.github.com/features/mastering-markdown/
 #' @param data Additional data for the card.
+#' @param compact In compact mode markdown content takes less screen space. Defaults to True.
 #' @param commands Contextual menu commands for this component.
 #' @return A MarkdownCard instance.
 #' @export
@@ -3956,17 +3957,20 @@ ui_markdown_card <- function(
   title,
   content,
   data = NULL,
+  compact = NULL,
   commands = NULL) {
   .guard_scalar("box", "character", box)
   .guard_scalar("title", "character", title)
   .guard_scalar("content", "character", content)
   # TODO Validate data: Rec
+  .guard_scalar("compact", "logical", compact)
   .guard_vector("commands", "WaveCommand", commands)
   .o <- list(
     box=box,
     title=title,
     content=content,
     data=data,
+    compact=compact,
     commands=commands,
     view='markdown')
   class(.o) <- append(class(.o), c(.wave_obj, "WaveMarkdownCard"))
diff --git a/tools/intellij-plugin/src/main/resources/templates/wave-components.xml b/tools/intellij-plugin/src/main/resources/templates/wave-components.xml
index b24c294face..149e668f93c 100644
--- a/tools/intellij-plugin/src/main/resources/templates/wave-components.xml
+++ b/tools/intellij-plugin/src/main/resources/templates/wave-components.xml
@@ -1667,11 +1667,12 @@
       <option name="Python" value="true"/>
     </context>
   </template>
-  <template name="w_full_markdown_card" value="ui.markdown_card(box='$box$',title='$title$',content='$content$',data=$data$,commands=[&#10;	$commands$	&#10;])$END$" description="Create Wave MarkdownCard with full attributes." toReformat="true" toShortenFQNames="true">
+  <template name="w_full_markdown_card" value="ui.markdown_card(box='$box$',title='$title$',content='$content$',data=$data$,compact=$compact$,commands=[&#10;	$commands$	&#10;])$END$" description="Create Wave MarkdownCard with full attributes." toReformat="true" toShortenFQNames="true">
     <variable name="box" expression="" defaultValue="" alwaysStopAt="true"/>
     <variable name="title" expression="" defaultValue="" alwaysStopAt="true"/>
     <variable name="content" expression="" defaultValue="" alwaysStopAt="true"/>
     <variable name="data" expression="" defaultValue="&quot;None&quot;" alwaysStopAt="true"/>
+    <variable name="compact" expression="" defaultValue="&quot;True&quot;" alwaysStopAt="true"/>
     <variable name="commands" expression="" defaultValue="" alwaysStopAt="true"/>
     <context>
       <option name="Python" value="true"/>
diff --git a/tools/vscode-extension/component-snippets.json b/tools/vscode-extension/component-snippets.json
index 3170dd01823..2e60ea8139b 100644
--- a/tools/vscode-extension/component-snippets.json
+++ b/tools/vscode-extension/component-snippets.json
@@ -1360,7 +1360,7 @@
   "Wave Full MarkdownCard": {
     "prefix": "w_full_markdown_card",
     "body": [
-      "ui.markdown_card(box='$1', title='$2', content='$3', data=${4:None}, commands=[\n\t\t$5\t\t\n])$0"
+      "ui.markdown_card(box='$1', title='$2', content='$3', data=${4:None}, compact=${5:True}, commands=[\n\t\t$6\t\t\n])$0"
     ],
     "description": "Create a full Wave MarkdownCard."
   },
diff --git a/ui/src/markdown.css b/ui/src/markdown.css
index 06c255ef191..7d5052898c2 100644
--- a/ui/src/markdown.css
+++ b/ui/src/markdown.css
@@ -98,7 +98,7 @@ Prevent `sub` and `sup` elements from affecting the line height in all browsers.
 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
 3. Remove gaps between table borders by default.
 */
-.wave-prose table {
+.wave-markdown table {
     text-indent: 0;
     border-color: inherit;
     border-collapse: collapse;
@@ -184,13 +184,13 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     margin-bottom: 1.2em;
 }
 
-.wave-prose a {
+.wave-markdown a {
     color: var(--wave-themePrimary);
     text-decoration: underline;
     font-weight: 500;
 }
 
-.wave-prose a:hover {
+.wave-markdown a:hover {
     text-decoration: none;
 }
 
@@ -384,22 +384,26 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     padding-left: 0.375em;
 }
 
-.wave-prose table {
+.wave-markdown table {
     width: 100%;
     table-layout: auto;
     text-align: left;
     margin-top: 2em;
     margin-bottom: 2em;
-    font-size: 0.875em;
     line-height: 1.7142857;
 }
 
-.wave-prose thead {
+.wave-prose table {
+    font-size: 0.875em;
+}
+
+.wave-markdown thead {
     border-bottom-width: 1px;
+    border-bottom-style: solid;
     border-bottom-color: var(--wave-text4);
 }
 
-.wave-prose thead th {
+.wave-markdown thead th {
     color: var(--wave-text);
     font-weight: 600;
     vertical-align: bottom;
@@ -408,25 +412,53 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     padding-left: 0.5714286em;
 }
 
-.wave-prose tbody tr {
+.wave-markdown tbody tr {
     border-bottom-width: 1px;
+    border-bottom-style: solid;
     border-bottom-color: var(--wave-text2);
 }
 
-.wave-prose tbody tr:last-child {
+.wave-markdown tbody tr:last-child {
     border-bottom-width: 0;
 }
 
-.wave-prose tbody td {
+.wave-markdown tbody td {
     vertical-align: baseline;
+    /* padding: 11px 6px; */
+}
+
+.wave-markdown thead th:first-child {
+    padding-left: 0;
+}
+
+.wave-markdown thead th:last-child {
+    padding-right: 0;
+}
+
+.wave-markdown tbody td,
+tfoot td {
+    padding-top: 0.5714286em;
+    padding-right: 0.5714286em;
+    padding-bottom: 0.5714286em;
+    padding-left: 0.5714286em;
+}
+
+.wave-markdown tbody td:first-child,
+tfoot td:first-child {
+    padding-left: 0;
 }
 
-.wave-prose tfoot {
+.wave-markdown tbody td:last-child,
+tfoot td:last-child {
+    padding-right: 0;
+}
+
+.wave-markdown tfoot {
     border-top-width: 1px;
     border-top-color: var(--wave-text4);
 }
 
-.wave-prose tfoot td {
+.wave-markdown tfoot td {
     vertical-align: top;
 }
 
@@ -525,42 +557,16 @@ ol ol {
     margin-top: 0;
 }
 
-.wave-prose thead th:first-child {
-    padding-left: 0;
-}
-
-.wave-prose thead th:last-child {
-    padding-right: 0;
-}
-
-.wave-prose tbody td,
-tfoot td {
-    padding-top: 0.5714286em;
-    padding-right: 0.5714286em;
-    padding-bottom: 0.5714286em;
-    padding-left: 0.5714286em;
-}
-
-.wave-prose tbody td:first-child,
-tfoot td:first-child {
-    padding-left: 0;
-}
-
-.wave-prose tbody td:last-child,
-tfoot td:last-child {
-    padding-right: 0;
-}
-
 .wave-prose figure {
     margin-top: 2em;
     margin-bottom: 2em;
 }
 
-.wave-prose> :first-child {
+.wave-markdown> :first-child {
     margin-top: 0;
 }
 
-.wave-prose> :last-child {
+.wave-markdown> :last-child {
     margin-bottom: 0;
 }
 
diff --git a/ui/src/markdown.tsx b/ui/src/markdown.tsx
index 15ec6bd4e9d..b1263587e4e 100644
--- a/ui/src/markdown.tsx
+++ b/ui/src/markdown.tsx
@@ -12,7 +12,7 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-import { Model, Rec, S, unpack } from './core'
+import { B, Model, Rec, S, unpack } from './core'
 import hljs from 'highlight.js/lib/core'
 import MarkdownIt from 'markdown-it'
 import React from 'react'
@@ -82,7 +82,7 @@ const highlightSyntax = async (str: S, language: S, codeBlockId: S) => {
   return highlightedCode
 }
 
-export const Markdown = ({ source }: { source: S }) => {
+export const Markdown = ({ source, compact = true }: { source: S, compact?: B }) => {
   const
     prevHighlights = React.useRef<S[]>([]), // Prevent flicker during streaming.
     codeBlockIdx = React.useRef(0), // MarkdownIt parses code blocks sequentially, which is a problem for streaming.
@@ -117,7 +117,7 @@ export const Markdown = ({ source }: { source: S }) => {
         return false
       }
     }
-  return <div onClick={onClick} className={'wave-markdown wave-prose'} dangerouslySetInnerHTML={{ __html: html }} />
+  return <div onClick={onClick} className={`wave-markdown ${compact ? '' : 'wave-prose'}`} dangerouslySetInnerHTML={{ __html: html }} />
 }
 
 /**
@@ -146,6 +146,10 @@ interface State {
    * Additional data for the card.
    **/
   data?: Rec
+  /**
+ * In compact mode markdown content takes less screen space. Defaults to True.
+ **/
+  compact?: B
 }
 
 export const
@@ -159,7 +163,7 @@ export const
           <div data-test={name} className={css.card}>
             {title && <div className='wave-s12 wave-w6'>{title}</div>}
             <div className={css.body}>
-              <Markdown source={substitute(state.content, data)} />
+              <Markdown source={substitute(state.content, data)} compact={state.compact} />
             </div>
           </div>
         )