diff --git a/assets/css/v2/style.css b/assets/css/v2/style.css
index 5cca11b3..184546ef 100644
--- a/assets/css/v2/style.css
+++ b/assets/css/v2/style.css
@@ -328,6 +328,7 @@ nav {
         --side-gutter-width
       );
     column-gap: var(--component-gap);
+    align-items: start;
   }
 }
 
@@ -774,6 +775,9 @@ h2 {
 
 /* tables */
 table {
+  position: relative;
+  z-index: -1;
+
   td {
     padding: var(--table-row-space-between) 0;
   }
@@ -863,6 +867,11 @@ blockquote p:last-child {
   margin: 0 auto;
 }
 
+blockquote.side-callout {
+  grid-column: 2 !important;
+  grid-row: span 2;
+}
+
 /* Tabs */
 .nav-tabs {
   list-style: none;
diff --git a/layouts/shortcodes/call-out.html b/layouts/shortcodes/call-out.html
index 4a7b20ed..1efd53e7 100644
--- a/layouts/shortcodes/call-out.html
+++ b/layouts/shortcodes/call-out.html
@@ -1,5 +1,14 @@
+{{ $class := .Get 0 }}
+{{ $sideOption := "side-callout" }}
+{{ $inlineOption := "inline-callout" }}
+
+<!-- Add default option for callouts that are "inline" if one is not provided -->
+{{ if and (not (strings.Contains $class $inlineOption)) (not (strings.Contains $class $sideOption)) }}
+{{ $class = printf "%s %s" $class $inlineOption }}
+{{ end }}
+
 <!-- Blockquote element with a class that is the first parameter passed to the shortcode -->
-<blockquote class="{{ .Get 0 }}">
+<blockquote class="{{ $class }}">
    <div>
      <!-- Check if the third parameter (icon class) is provided -->
      {{ with .Get 2 }}