diff --git a/src/scss/live-jsmpeg.scss b/src/scss/live-jsmpeg.scss
index 9f7cbf2c..8adaa565 100644
--- a/src/scss/live-jsmpeg.scss
+++ b/src/scss/live-jsmpeg.scss
@@ -1,7 +1,7 @@
 :host {
   width: 100%;
   height: 100%;
-  display: block;
+  display: flex;
 }
 
 canvas {
diff --git a/src/scss/media-carousel.scss b/src/scss/media-carousel.scss
index d0d0142d..5611628f 100644
--- a/src/scss/media-carousel.scss
+++ b/src/scss/media-carousel.scss
@@ -4,5 +4,4 @@
 
 .embla__slide {
   flex: 0 0 100%;
-  height: 100%;
 }
\ No newline at end of file
diff --git a/src/scss/message.scss b/src/scss/message.scss
index c345049f..50746fb2 100644
--- a/src/scss/message.scss
+++ b/src/scss/message.scss
@@ -1,7 +1,9 @@
 :host {
   min-height: 100%;
   width: 100%;
-  display: block;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
 
   // Ensure error messages are selectable.
   user-select: text;
@@ -30,7 +32,7 @@ div.message div.contents {
   padding: 10px;
   margin-top: auto;
   margin-bottom: auto;
-  max-width: 100%;
+  min-width: 0;
 }
 
 div.message div.icon {