diff --git a/packages/bbui/src/Typography/Body.svelte b/packages/bbui/src/Typography/Body.svelte
index 9d4e1e637f..ec32e54140 100644
--- a/packages/bbui/src/Typography/Body.svelte
+++ b/packages/bbui/src/Typography/Body.svelte
@@ -4,11 +4,11 @@
   export let size = "M"
   export let serif = false
   export let noPadding = false
-  export let textAlign = "left"
+  export let textAlign
 </script>
 
 <p
-  style="text-align:{textAlign};"
+    style="{textAlign ? `text-align:${textAlign}` : ``}"
   class:noPadding
   class="spectrum-Body spectrum-Body--size{size}"
   class:spectrum-Body--serif={serif}
diff --git a/packages/bbui/src/Typography/Heading.svelte b/packages/bbui/src/Typography/Heading.svelte
index 00951752af..72f3ba2a8f 100644
--- a/packages/bbui/src/Typography/Heading.svelte
+++ b/packages/bbui/src/Typography/Heading.svelte
@@ -3,12 +3,12 @@
 
   // Sizes
   export let size = "M"
-  export let textAlign = "left"
+  export let textAlign
   export let noPadding = false
 </script>
 
 <h1
-  style="text-align:{textAlign};"
+  style="{textAlign ? `text-align:${textAlign}` : ``}"
   class:noPadding
   class="spectrum-Heading spectrum-Heading--size{size}"
 >