diff --git a/wp-content/themes/twentynineteen-tailwindcss/src/css/components/avatars.css b/wp-content/themes/twentynineteen-tailwindcss/src/css/components/avatars.css
new file mode 100644
index 0000000..eecf66d
--- /dev/null
+++ b/wp-content/themes/twentynineteen-tailwindcss/src/css/components/avatars.css
@@ -0,0 +1,3 @@
+.avatar {
+  @apply rounded-full;
+}
diff --git a/wp-content/themes/twentynineteen-tailwindcss/src/css/components/comment-list.css b/wp-content/themes/twentynineteen-tailwindcss/src/css/components/comment-list.css
new file mode 100644
index 0000000..226e7a1
--- /dev/null
+++ b/wp-content/themes/twentynineteen-tailwindcss/src/css/components/comment-list.css
@@ -0,0 +1,44 @@
+.comment-list .comment,
+.comment-author b.fn {
+  @apply mt-12 pl-24 relative w-full block;
+}
+
+.comment-list {
+  .comment-author .avatar,
+  .comment-author > a.url {
+    @apply absolute top-0 left-0;
+  }
+
+  .comment-author > b.fn {
+    @apply pl-0 text-2xl text-black;
+  }
+  .comment-author > b.fn a {
+    @apply text-inherit;
+  }
+
+  .comment-author img {
+    @apply w-16;
+  }
+
+  .comment-metadata {
+    @apply text-sm text-gray-900;
+  }
+
+  .comment-content {
+    @apply mt-8 text-base;
+  }
+
+  .comment-reply {
+    @apply mt-6 text-sm;
+  }
+}
+
+.post-author-badge {
+  @apply absolute top-0 left-0 ml-10 w-6 h-6;
+  @apply flex items-center;
+  @apply bg-blue-500 rounded-full p-1;
+
+  > svg {
+    @apply fill-current text-white block;
+  }
+}
diff --git a/wp-content/themes/twentynineteen-tailwindcss/src/css/components/content.css b/wp-content/themes/twentynineteen-tailwindcss/src/css/components/content.css
index 4aa52f4..da441e6 100644
--- a/wp-content/themes/twentynineteen-tailwindcss/src/css/components/content.css
+++ b/wp-content/themes/twentynineteen-tailwindcss/src/css/components/content.css
@@ -1,3 +1,5 @@
+.markup,
+.comment-content,
 .entry-content {
   @apply font-serif text-lg leading-loose;
 
diff --git a/wp-content/themes/twentynineteen-tailwindcss/src/css/components/comments.css b/wp-content/themes/twentynineteen-tailwindcss/src/css/components/discussion-avatar-list.css
similarity index 100%
rename from wp-content/themes/twentynineteen-tailwindcss/src/css/components/comments.css
rename to wp-content/themes/twentynineteen-tailwindcss/src/css/components/discussion-avatar-list.css
diff --git a/wp-content/themes/twentynineteen-tailwindcss/src/css/style.css b/wp-content/themes/twentynineteen-tailwindcss/src/css/style.css
index e246756..8b8b887 100644
--- a/wp-content/themes/twentynineteen-tailwindcss/src/css/style.css
+++ b/wp-content/themes/twentynineteen-tailwindcss/src/css/style.css
@@ -25,8 +25,10 @@ h2:before {
   @apply absolute opacity-0 pointer-events-none;
 }
 
-@import 'components/comments.css';
+@import 'components/avatars.css';
+@import 'components/comment-list.css';
 @import 'components/content.css';
+@import 'components/discussion-avatar-list.css';
 @import 'components/forms.css';
 @import 'components/post.css';
 @import 'components/widgets.css';