diff --git a/assets/css/base.pcss b/assets/css/base.pcss
index 6c99d388b..0ffbef732 100644
--- a/assets/css/base.pcss
+++ b/assets/css/base.pcss
@@ -14,4 +14,8 @@
   pre {
     @apply p-4 my-8 overflow-auto rounded-md text-gray-700 bg-gray-200 dark:bg-gray-800 dark:text-gray-100;
   }
+
+  iframe {
+    @apply w-full;
+  }
 }
diff --git a/assets/css/components.pcss b/assets/css/components.pcss
index 0e9be88a2..eff65c354 100644
--- a/assets/css/components.pcss
+++ b/assets/css/components.pcss
@@ -48,10 +48,13 @@
       @apply my-8;
     }
 
-    .media--type-image,
+    .media--type-image {
+      @apply my-8;
+    }
+
     .speakerdeck-embed-wrapper,
     .video-full {
-      @apply my-8;
+      @apply my-8 aspect-w-4 aspect-h-3;
     }
   }