diff --git a/Sources/TokamakStaticHTML/Resources/TokamakStyles.swift b/Sources/TokamakStaticHTML/Resources/TokamakStyles.swift
index 8aedb441a..e3a51654e 100644
--- a/Sources/TokamakStaticHTML/Resources/TokamakStyles.swift
+++ b/Sources/TokamakStaticHTML/Resources/TokamakStyles.swift
@@ -16,15 +16,15 @@ import TokamakCore
 
 public let tokamakStyles = """
 ._tokamak-stack {
-  display: grid;
+  display: flex;
 }
 ._tokamak-hstack {
-  grid-auto-flow: column;
-  column-gap: var(--tokamak-stack-gap, \(Int(defaultStackSpacing))px);
+  flex-direction: row;
+  gap: var(--tokamak-stack-gap, \(Int(defaultStackSpacing))px);
 }
 ._tokamak-vstack {
-  grid-auto-flow: row;
-  row-gap: var(--tokamak-stack-gap, \(Int(defaultStackSpacing))px);
+  flex-direction: column;
+  gap: var(--tokamak-stack-gap, \(Int(defaultStackSpacing))px);
 }
 ._tokamak-scrollview-hideindicators {
   scrollbar-color: transparent;
diff --git a/Sources/TokamakStaticHTML/Shapes/Path.swift b/Sources/TokamakStaticHTML/Shapes/Path.swift
index 1938f5d94..9f22d4a1b 100644
--- a/Sources/TokamakStaticHTML/Shapes/Path.swift
+++ b/Sources/TokamakStaticHTML/Shapes/Path.swift
@@ -147,10 +147,14 @@ extension Path: _HTMLPrimitive {
       """
       width: 100%;
       height: 100%;
+      min-width: 0;
+      min-height: 0;
       """ :
       """
       width: \(max(0, size.width));
       height: \(max(0, size.height));
+      min-width: 0;
+      min-height: 0;
       """
   }
 
diff --git a/Sources/TokamakStaticHTML/Views/Layout/HStack.swift b/Sources/TokamakStaticHTML/Views/Layout/HStack.swift
index e44ec8b8a..30e1d4deb 100644
--- a/Sources/TokamakStaticHTML/Views/Layout/HStack.swift
+++ b/Sources/TokamakStaticHTML/Views/Layout/HStack.swift
@@ -18,11 +18,11 @@ extension VerticalAlignment {
   var cssValue: String {
     switch self {
     case .top:
-      return "start"
+      return "flex-start"
     case .center:
       return "center"
     case .bottom:
-      return "end"
+      return "flex-end"
     default:
       return "center"
     }
@@ -38,7 +38,7 @@ extension HStack: _HTMLPrimitive, SpacerContainer {
 
     return AnyView(HTML("div", [
       "style": """
-      align-items: \(alignment.cssValue);
+      justify-content: \(alignment.cssValue);
       \(hasSpacer ? "width: 100%;" : "")
       \(fillCrossAxis ? "height: 100%;" : "")
       \(spacing != defaultStackSpacing ? "--tokamak-stack-gap: \(spacing)px;" : "")
diff --git a/Sources/TokamakStaticHTML/Views/Layout/VStack.swift b/Sources/TokamakStaticHTML/Views/Layout/VStack.swift
index 354047954..d1bd9b50f 100644
--- a/Sources/TokamakStaticHTML/Views/Layout/VStack.swift
+++ b/Sources/TokamakStaticHTML/Views/Layout/VStack.swift
@@ -38,7 +38,7 @@ extension VStack: _HTMLPrimitive, SpacerContainer {
 
     return AnyView(HTML("div", [
       "style": """
-      justify-items: \(alignment.cssValue);
+      align-items: \(alignment.cssValue);
       \(hasSpacer ? "height: 100%;" : "")
       \(fillCrossAxis ? "width: 100%;" : "")
       \(spacing != defaultStackSpacing ? "--tokamak-stack-gap: \(spacing)px;" : "")
diff --git a/Tests/TokamakStaticHTMLTests/RenderingTests/VisualTests.swift b/Tests/TokamakStaticHTMLTests/RenderingTests/VisualTests.swift
index dc41b8f06..f380b7fff 100644
--- a/Tests/TokamakStaticHTMLTests/RenderingTests/VisualTests.swift
+++ b/Tests/TokamakStaticHTMLTests/RenderingTests/VisualTests.swift
@@ -147,7 +147,7 @@ final class VisualRenderingTests: XCTestCase {
           Color.clear
             .background(Material.ultraThick)
         }
-      },
+      }.frame(width: 100, height: 100),
       as: .image(size: .init(width: 100, height: 100)),
       timeout: defaultSnapshotTimeout
     )
diff --git a/Tests/TokamakStaticHTMLTests/RenderingTests/__Snapshots__/VisualTests/testMaterial.1.png b/Tests/TokamakStaticHTMLTests/RenderingTests/__Snapshots__/VisualTests/testMaterial.1.png
index bcba5e939..ae51de12d 100644
Binary files a/Tests/TokamakStaticHTMLTests/RenderingTests/__Snapshots__/VisualTests/testMaterial.1.png and b/Tests/TokamakStaticHTMLTests/RenderingTests/__Snapshots__/VisualTests/testMaterial.1.png differ
diff --git a/Tests/TokamakStaticHTMLTests/__Snapshots__/HTMLTests/testDoubleTitle.1.html b/Tests/TokamakStaticHTMLTests/__Snapshots__/HTMLTests/testDoubleTitle.1.html
index 1bd12a0c6..8e3604262 100644
--- a/Tests/TokamakStaticHTMLTests/__Snapshots__/HTMLTests/testDoubleTitle.1.html
+++ b/Tests/TokamakStaticHTMLTests/__Snapshots__/HTMLTests/testDoubleTitle.1.html
@@ -3,15 +3,15 @@
   <title>Tokamak 2</title>
   <style>
     ._tokamak-stack {
-  display: grid;
+  display: flex;
 }
 ._tokamak-hstack {
-  grid-auto-flow: column;
-  column-gap: var(--tokamak-stack-gap, 8px);
+  flex-direction: row;
+  gap: var(--tokamak-stack-gap, 8px);
 }
 ._tokamak-vstack {
-  grid-auto-flow: row;
-  row-gap: var(--tokamak-stack-gap, 8px);
+  flex-direction: column;
+  gap: var(--tokamak-stack-gap, 8px);
 }
 ._tokamak-scrollview-hideindicators {
   scrollbar-color: transparent;
@@ -246,7 +246,7 @@
 height: 100%;
 justify-content: center;
 align-items: center;
-overflow: hidden;"><div class="_tokamak-stack _tokamak-vstack" style="justify-items: center;
+overflow: hidden;"><div class="_tokamak-stack _tokamak-vstack" style="align-items: center;
 
 
 "><span style="font-family: system, -apple-system, '.SFNSText-Regular', 'San Francisco', 'Roboto', 'Segoe UI', 'Helvetica Neue', 'Lucida Grande', sans-serif; font-size: 17.0px; font-style: normal; font-variant: normal; font-weight: 400; line-height: normal;
@@ -259,7 +259,7 @@
 text-decoration: none;
 text-decoration-color: inherit;
 text-align: left;">Hello, world!</span>
-<div class="_tokamak-stack _tokamak-vstack" style="justify-items: center;
+<div class="_tokamak-stack _tokamak-vstack" style="align-items: center;
 
 
 "></div></div></body>
diff --git a/Tests/TokamakStaticHTMLTests/__Snapshots__/HTMLTests/testDoubleTitleModifier.1.html b/Tests/TokamakStaticHTMLTests/__Snapshots__/HTMLTests/testDoubleTitleModifier.1.html
index 5d4d4c6a2..faeaafe84 100644
--- a/Tests/TokamakStaticHTMLTests/__Snapshots__/HTMLTests/testDoubleTitleModifier.1.html
+++ b/Tests/TokamakStaticHTMLTests/__Snapshots__/HTMLTests/testDoubleTitleModifier.1.html
@@ -3,15 +3,15 @@
   <title>Tokamak 2</title>
   <style>
     ._tokamak-stack {
-  display: grid;
+  display: flex;
 }
 ._tokamak-hstack {
-  grid-auto-flow: column;
-  column-gap: var(--tokamak-stack-gap, 8px);
+  flex-direction: row;
+  gap: var(--tokamak-stack-gap, 8px);
 }
 ._tokamak-vstack {
-  grid-auto-flow: row;
-  row-gap: var(--tokamak-stack-gap, 8px);
+  flex-direction: column;
+  gap: var(--tokamak-stack-gap, 8px);
 }
 ._tokamak-scrollview-hideindicators {
   scrollbar-color: transparent;
diff --git a/Tests/TokamakStaticHTMLTests/__Snapshots__/HTMLTests/testFontStacks.1.html b/Tests/TokamakStaticHTMLTests/__Snapshots__/HTMLTests/testFontStacks.1.html
index 5804d070c..ff5ac435c 100644
--- a/Tests/TokamakStaticHTMLTests/__Snapshots__/HTMLTests/testFontStacks.1.html
+++ b/Tests/TokamakStaticHTMLTests/__Snapshots__/HTMLTests/testFontStacks.1.html
@@ -3,15 +3,15 @@
   <title></title>
   <style>
     ._tokamak-stack {
-  display: grid;
+  display: flex;
 }
 ._tokamak-hstack {
-  grid-auto-flow: column;
-  column-gap: var(--tokamak-stack-gap, 8px);
+  flex-direction: row;
+  gap: var(--tokamak-stack-gap, 8px);
 }
 ._tokamak-vstack {
-  grid-auto-flow: row;
-  row-gap: var(--tokamak-stack-gap, 8px);
+  flex-direction: column;
+  gap: var(--tokamak-stack-gap, 8px);
 }
 ._tokamak-scrollview-hideindicators {
   scrollbar-color: transparent;
diff --git a/Tests/TokamakStaticHTMLTests/__Snapshots__/HTMLTests/testFontStacks.2.html b/Tests/TokamakStaticHTMLTests/__Snapshots__/HTMLTests/testFontStacks.2.html
index b4d79e9b7..79c2d2ff2 100644
--- a/Tests/TokamakStaticHTMLTests/__Snapshots__/HTMLTests/testFontStacks.2.html
+++ b/Tests/TokamakStaticHTMLTests/__Snapshots__/HTMLTests/testFontStacks.2.html
@@ -3,15 +3,15 @@
   <title></title>
   <style>
     ._tokamak-stack {
-  display: grid;
+  display: flex;
 }
 ._tokamak-hstack {
-  grid-auto-flow: column;
-  column-gap: var(--tokamak-stack-gap, 8px);
+  flex-direction: row;
+  gap: var(--tokamak-stack-gap, 8px);
 }
 ._tokamak-vstack {
-  grid-auto-flow: row;
-  row-gap: var(--tokamak-stack-gap, 8px);
+  flex-direction: column;
+  gap: var(--tokamak-stack-gap, 8px);
 }
 ._tokamak-scrollview-hideindicators {
   scrollbar-color: transparent;
@@ -246,7 +246,7 @@
 height: 100%;
 justify-content: center;
 align-items: center;
-overflow: hidden;"><div class="_tokamak-stack _tokamak-vstack" style="justify-items: center;
+overflow: hidden;"><div class="_tokamak-stack _tokamak-vstack" style="align-items: center;
 
 
 "><span style="font-family: 'Marker Felt', Cambria, 'Hoefler Text', Utopia, 'Liberation Serif', 'Nimbus Roman No9 L Regular', Times, 'Times New Roman', serif; font-size: 17.0px; font-style: normal; font-variant: normal; font-weight: 400; line-height: normal;
diff --git a/Tests/TokamakStaticHTMLTests/__Snapshots__/HTMLTests/testHTMLSanitizer.1.html b/Tests/TokamakStaticHTMLTests/__Snapshots__/HTMLTests/testHTMLSanitizer.1.html
index af4842109..b0ab850d8 100644
--- a/Tests/TokamakStaticHTMLTests/__Snapshots__/HTMLTests/testHTMLSanitizer.1.html
+++ b/Tests/TokamakStaticHTMLTests/__Snapshots__/HTMLTests/testHTMLSanitizer.1.html
@@ -3,15 +3,15 @@
   <title></title>
   <style>
     ._tokamak-stack {
-  display: grid;
+  display: flex;
 }
 ._tokamak-hstack {
-  grid-auto-flow: column;
-  column-gap: var(--tokamak-stack-gap, 8px);
+  flex-direction: row;
+  gap: var(--tokamak-stack-gap, 8px);
 }
 ._tokamak-vstack {
-  grid-auto-flow: row;
-  row-gap: var(--tokamak-stack-gap, 8px);
+  flex-direction: column;
+  gap: var(--tokamak-stack-gap, 8px);
 }
 ._tokamak-scrollview-hideindicators {
   scrollbar-color: transparent;
diff --git a/Tests/TokamakStaticHTMLTests/__Snapshots__/HTMLTests/testHTMLSanitizer.2.html b/Tests/TokamakStaticHTMLTests/__Snapshots__/HTMLTests/testHTMLSanitizer.2.html
index e244da29b..0091f46c0 100644
--- a/Tests/TokamakStaticHTMLTests/__Snapshots__/HTMLTests/testHTMLSanitizer.2.html
+++ b/Tests/TokamakStaticHTMLTests/__Snapshots__/HTMLTests/testHTMLSanitizer.2.html
@@ -3,15 +3,15 @@
   <title></title>
   <style>
     ._tokamak-stack {
-  display: grid;
+  display: flex;
 }
 ._tokamak-hstack {
-  grid-auto-flow: column;
-  column-gap: var(--tokamak-stack-gap, 8px);
+  flex-direction: row;
+  gap: var(--tokamak-stack-gap, 8px);
 }
 ._tokamak-vstack {
-  grid-auto-flow: row;
-  row-gap: var(--tokamak-stack-gap, 8px);
+  flex-direction: column;
+  gap: var(--tokamak-stack-gap, 8px);
 }
 ._tokamak-scrollview-hideindicators {
   scrollbar-color: transparent;
diff --git a/Tests/TokamakStaticHTMLTests/__Snapshots__/HTMLTests/testMetaAll.1.html b/Tests/TokamakStaticHTMLTests/__Snapshots__/HTMLTests/testMetaAll.1.html
index fba72fc76..b3838c192 100644
--- a/Tests/TokamakStaticHTMLTests/__Snapshots__/HTMLTests/testMetaAll.1.html
+++ b/Tests/TokamakStaticHTMLTests/__Snapshots__/HTMLTests/testMetaAll.1.html
@@ -7,15 +7,15 @@
   <meta http-equiv="refresh" content="60">
   <style>
     ._tokamak-stack {
-  display: grid;
+  display: flex;
 }
 ._tokamak-hstack {
-  grid-auto-flow: column;
-  column-gap: var(--tokamak-stack-gap, 8px);
+  flex-direction: row;
+  gap: var(--tokamak-stack-gap, 8px);
 }
 ._tokamak-vstack {
-  grid-auto-flow: row;
-  row-gap: var(--tokamak-stack-gap, 8px);
+  flex-direction: column;
+  gap: var(--tokamak-stack-gap, 8px);
 }
 ._tokamak-scrollview-hideindicators {
   scrollbar-color: transparent;
@@ -250,7 +250,7 @@
 height: 100%;
 justify-content: center;
 align-items: center;
-overflow: hidden;"><div class="_tokamak-stack _tokamak-vstack" style="justify-items: center;
+overflow: hidden;"><div class="_tokamak-stack _tokamak-vstack" style="align-items: center;
 
 
 "><span style="font-family: system, -apple-system, '.SFNSText-Regular', 'San Francisco', 'Roboto', 'Segoe UI', 'Helvetica Neue', 'Lucida Grande', sans-serif; font-size: 17.0px; font-style: normal; font-variant: normal; font-weight: 400; line-height: normal;
diff --git a/Tests/TokamakStaticHTMLTests/__Snapshots__/HTMLTests/testMetaCharset.1.html b/Tests/TokamakStaticHTMLTests/__Snapshots__/HTMLTests/testMetaCharset.1.html
index 98d59bc49..6ede451fc 100644
--- a/Tests/TokamakStaticHTMLTests/__Snapshots__/HTMLTests/testMetaCharset.1.html
+++ b/Tests/TokamakStaticHTMLTests/__Snapshots__/HTMLTests/testMetaCharset.1.html
@@ -4,15 +4,15 @@
   <meta charset="utf-8">
   <style>
     ._tokamak-stack {
-  display: grid;
+  display: flex;
 }
 ._tokamak-hstack {
-  grid-auto-flow: column;
-  column-gap: var(--tokamak-stack-gap, 8px);
+  flex-direction: row;
+  gap: var(--tokamak-stack-gap, 8px);
 }
 ._tokamak-vstack {
-  grid-auto-flow: row;
-  row-gap: var(--tokamak-stack-gap, 8px);
+  flex-direction: column;
+  gap: var(--tokamak-stack-gap, 8px);
 }
 ._tokamak-scrollview-hideindicators {
   scrollbar-color: transparent;
@@ -247,7 +247,7 @@
 height: 100%;
 justify-content: center;
 align-items: center;
-overflow: hidden;"><div class="_tokamak-stack _tokamak-vstack" style="justify-items: center;
+overflow: hidden;"><div class="_tokamak-stack _tokamak-vstack" style="align-items: center;
 
 
 "><span style="font-family: system, -apple-system, '.SFNSText-Regular', 'San Francisco', 'Roboto', 'Segoe UI', 'Helvetica Neue', 'Lucida Grande', sans-serif; font-size: 17.0px; font-style: normal; font-variant: normal; font-weight: 400; line-height: normal;
diff --git a/Tests/TokamakStaticHTMLTests/__Snapshots__/HTMLTests/testMetaCharsetModifier.1.html b/Tests/TokamakStaticHTMLTests/__Snapshots__/HTMLTests/testMetaCharsetModifier.1.html
index 7d0fd49e2..3afe3fd13 100644
--- a/Tests/TokamakStaticHTMLTests/__Snapshots__/HTMLTests/testMetaCharsetModifier.1.html
+++ b/Tests/TokamakStaticHTMLTests/__Snapshots__/HTMLTests/testMetaCharsetModifier.1.html
@@ -4,15 +4,15 @@
   <meta charset="utf-8">
   <style>
     ._tokamak-stack {
-  display: grid;
+  display: flex;
 }
 ._tokamak-hstack {
-  grid-auto-flow: column;
-  column-gap: var(--tokamak-stack-gap, 8px);
+  flex-direction: row;
+  gap: var(--tokamak-stack-gap, 8px);
 }
 ._tokamak-vstack {
-  grid-auto-flow: row;
-  row-gap: var(--tokamak-stack-gap, 8px);
+  flex-direction: column;
+  gap: var(--tokamak-stack-gap, 8px);
 }
 ._tokamak-scrollview-hideindicators {
   scrollbar-color: transparent;
diff --git a/Tests/TokamakStaticHTMLTests/__Snapshots__/HTMLTests/testOptional.1.html b/Tests/TokamakStaticHTMLTests/__Snapshots__/HTMLTests/testOptional.1.html
index 0c1a8dbb0..be30aa12a 100644
--- a/Tests/TokamakStaticHTMLTests/__Snapshots__/HTMLTests/testOptional.1.html
+++ b/Tests/TokamakStaticHTMLTests/__Snapshots__/HTMLTests/testOptional.1.html
@@ -3,15 +3,15 @@
   <title></title>
   <style>
     ._tokamak-stack {
-  display: grid;
+  display: flex;
 }
 ._tokamak-hstack {
-  grid-auto-flow: column;
-  column-gap: var(--tokamak-stack-gap, 8px);
+  flex-direction: row;
+  gap: var(--tokamak-stack-gap, 8px);
 }
 ._tokamak-vstack {
-  grid-auto-flow: row;
-  row-gap: var(--tokamak-stack-gap, 8px);
+  flex-direction: column;
+  gap: var(--tokamak-stack-gap, 8px);
 }
 ._tokamak-scrollview-hideindicators {
   scrollbar-color: transparent;
@@ -246,11 +246,13 @@
 height: 100%;
 justify-content: center;
 align-items: center;
-overflow: hidden;"><div class="_tokamak-stack _tokamak-vstack" style="justify-items: center;
+overflow: hidden;"><div class="_tokamak-stack _tokamak-vstack" style="align-items: center;
 height: 100%;
 
 "><svg style="width: 100%;
 height: 100%;
+min-width: 0;
+min-height: 0;
 overflow: visible; fill: rgba(255.0, 58.650000000000006, 48.45, 1.0);"><rect height="100%" stroke-width="0.0" width="100%" x="0.0" y="0.0"></rect></svg>
 <div style="flex-grow: 1; "></div></div></body>
 </html>
\ No newline at end of file
diff --git a/Tests/TokamakStaticHTMLTests/__Snapshots__/HTMLTests/testPaddingFusion.1.html b/Tests/TokamakStaticHTMLTests/__Snapshots__/HTMLTests/testPaddingFusion.1.html
index 76168acc4..01b12384b 100644
--- a/Tests/TokamakStaticHTMLTests/__Snapshots__/HTMLTests/testPaddingFusion.1.html
+++ b/Tests/TokamakStaticHTMLTests/__Snapshots__/HTMLTests/testPaddingFusion.1.html
@@ -3,15 +3,15 @@
   <title></title>
   <style>
     ._tokamak-stack {
-  display: grid;
+  display: flex;
 }
 ._tokamak-hstack {
-  grid-auto-flow: column;
-  column-gap: var(--tokamak-stack-gap, 8px);
+  flex-direction: row;
+  gap: var(--tokamak-stack-gap, 8px);
 }
 ._tokamak-vstack {
-  grid-auto-flow: row;
-  row-gap: var(--tokamak-stack-gap, 8px);
+  flex-direction: column;
+  gap: var(--tokamak-stack-gap, 8px);
 }
 ._tokamak-scrollview-hideindicators {
   scrollbar-color: transparent;
@@ -248,5 +248,7 @@
 align-items: center;
 overflow: hidden;"><div style="padding-top: 30.0px; padding-left: 30.0px; padding-bottom: 30.0px; padding-right: 30.0px;"><svg style="width: 100%;
 height: 100%;
+min-width: 0;
+min-height: 0;
 overflow: visible; fill: rgba(255.0, 58.650000000000006, 48.45, 1.0);"><rect height="100%" stroke-width="0.0" width="100%" x="0.0" y="0.0"></rect></svg></div></body>
 </html>
\ No newline at end of file
diff --git a/Tests/TokamakStaticHTMLTests/__Snapshots__/HTMLTests/testPaddingFusion.2.html b/Tests/TokamakStaticHTMLTests/__Snapshots__/HTMLTests/testPaddingFusion.2.html
index e6971aaa5..f37a23f24 100644
--- a/Tests/TokamakStaticHTMLTests/__Snapshots__/HTMLTests/testPaddingFusion.2.html
+++ b/Tests/TokamakStaticHTMLTests/__Snapshots__/HTMLTests/testPaddingFusion.2.html
@@ -3,15 +3,15 @@
   <title></title>
   <style>
     ._tokamak-stack {
-  display: grid;
+  display: flex;
 }
 ._tokamak-hstack {
-  grid-auto-flow: column;
-  column-gap: var(--tokamak-stack-gap, 8px);
+  flex-direction: row;
+  gap: var(--tokamak-stack-gap, 8px);
 }
 ._tokamak-vstack {
-  grid-auto-flow: row;
-  row-gap: var(--tokamak-stack-gap, 8px);
+  flex-direction: column;
+  gap: var(--tokamak-stack-gap, 8px);
 }
 ._tokamak-scrollview-hideindicators {
   scrollbar-color: transparent;
@@ -248,5 +248,7 @@
 align-items: center;
 overflow: hidden;"><div style="padding-top: 60.0px; padding-left: 60.0px; padding-bottom: 60.0px; padding-right: 60.0px;"><svg style="width: 100%;
 height: 100%;
+min-width: 0;
+min-height: 0;
 overflow: visible; fill: rgba(255.0, 58.650000000000006, 48.45, 1.0);"><rect height="100%" stroke-width="0.0" width="100%" x="0.0" y="0.0"></rect></svg></div></body>
 </html>
\ No newline at end of file
diff --git a/Tests/TokamakStaticHTMLTests/__Snapshots__/HTMLTests/testPreferencePropagation.1.html b/Tests/TokamakStaticHTMLTests/__Snapshots__/HTMLTests/testPreferencePropagation.1.html
index ecb0c9713..9940a1446 100644
--- a/Tests/TokamakStaticHTMLTests/__Snapshots__/HTMLTests/testPreferencePropagation.1.html
+++ b/Tests/TokamakStaticHTMLTests/__Snapshots__/HTMLTests/testPreferencePropagation.1.html
@@ -3,15 +3,15 @@
   <title>Tokamak 3</title>
   <style>
     ._tokamak-stack {
-  display: grid;
+  display: flex;
 }
 ._tokamak-hstack {
-  grid-auto-flow: column;
-  column-gap: var(--tokamak-stack-gap, 8px);
+  flex-direction: row;
+  gap: var(--tokamak-stack-gap, 8px);
 }
 ._tokamak-vstack {
-  grid-auto-flow: row;
-  row-gap: var(--tokamak-stack-gap, 8px);
+  flex-direction: column;
+  gap: var(--tokamak-stack-gap, 8px);
 }
 ._tokamak-scrollview-hideindicators {
   scrollbar-color: transparent;
@@ -246,14 +246,14 @@
 height: 100%;
 justify-content: center;
 align-items: center;
-overflow: hidden;"><div class="_tokamak-stack _tokamak-vstack" style="justify-items: center;
+overflow: hidden;"><div class="_tokamak-stack _tokamak-vstack" style="align-items: center;
 
 
-"><div class="_tokamak-stack _tokamak-vstack" style="justify-items: center;
+"><div class="_tokamak-stack _tokamak-vstack" style="align-items: center;
 
 
 "></div>
-<div class="_tokamak-stack _tokamak-vstack" style="justify-items: center;
+<div class="_tokamak-stack _tokamak-vstack" style="align-items: center;
 
 
 "></div></div></body>
diff --git a/Tests/TokamakStaticHTMLTests/__Snapshots__/HTMLTests/testTitle.1.html b/Tests/TokamakStaticHTMLTests/__Snapshots__/HTMLTests/testTitle.1.html
index ce5dc987d..74152c801 100644
--- a/Tests/TokamakStaticHTMLTests/__Snapshots__/HTMLTests/testTitle.1.html
+++ b/Tests/TokamakStaticHTMLTests/__Snapshots__/HTMLTests/testTitle.1.html
@@ -3,15 +3,15 @@
   <title>Tokamak</title>
   <style>
     ._tokamak-stack {
-  display: grid;
+  display: flex;
 }
 ._tokamak-hstack {
-  grid-auto-flow: column;
-  column-gap: var(--tokamak-stack-gap, 8px);
+  flex-direction: row;
+  gap: var(--tokamak-stack-gap, 8px);
 }
 ._tokamak-vstack {
-  grid-auto-flow: row;
-  row-gap: var(--tokamak-stack-gap, 8px);
+  flex-direction: column;
+  gap: var(--tokamak-stack-gap, 8px);
 }
 ._tokamak-scrollview-hideindicators {
   scrollbar-color: transparent;
@@ -246,7 +246,7 @@
 height: 100%;
 justify-content: center;
 align-items: center;
-overflow: hidden;"><div class="_tokamak-stack _tokamak-vstack" style="justify-items: center;
+overflow: hidden;"><div class="_tokamak-stack _tokamak-vstack" style="align-items: center;
 
 
 "><span style="font-family: system, -apple-system, '.SFNSText-Regular', 'San Francisco', 'Roboto', 'Segoe UI', 'Helvetica Neue', 'Lucida Grande', sans-serif; font-size: 17.0px; font-style: normal; font-variant: normal; font-weight: 400; line-height: normal;
diff --git a/Tests/TokamakStaticHTMLTests/__Snapshots__/HTMLTests/testTitleModifier.1.html b/Tests/TokamakStaticHTMLTests/__Snapshots__/HTMLTests/testTitleModifier.1.html
index ddc542493..34472e6e2 100644
--- a/Tests/TokamakStaticHTMLTests/__Snapshots__/HTMLTests/testTitleModifier.1.html
+++ b/Tests/TokamakStaticHTMLTests/__Snapshots__/HTMLTests/testTitleModifier.1.html
@@ -3,15 +3,15 @@
   <title>Tokamak</title>
   <style>
     ._tokamak-stack {
-  display: grid;
+  display: flex;
 }
 ._tokamak-hstack {
-  grid-auto-flow: column;
-  column-gap: var(--tokamak-stack-gap, 8px);
+  flex-direction: row;
+  gap: var(--tokamak-stack-gap, 8px);
 }
 ._tokamak-vstack {
-  grid-auto-flow: row;
-  row-gap: var(--tokamak-stack-gap, 8px);
+  flex-direction: column;
+  gap: var(--tokamak-stack-gap, 8px);
 }
 ._tokamak-scrollview-hideindicators {
   scrollbar-color: transparent;