diff --git a/core/themes/bartik/css/components/comments.css b/core/themes/bartik/css/components/comments.css
index aec8540..089046a 100644
--- a/core/themes/bartik/css/components/comments.css
+++ b/core/themes/bartik/css/components/comments.css
@@ -158,3 +158,54 @@
 [dir="rtl"] .node--unpublished .comment__content:after {
   border-left-color: #fff4f4;
 }
+
+
+@media all and (max-width: 480px) {
+  .comment__content {
+    width: auto;
+    display: block;
+    margin-top: 30px;
+  }
+  .comment__content::before,
+  .comment__content:after {
+    border-top: 0 none;
+    border-left: 20px solid transparent;
+    border-right-color: transparent;
+    top: -20px;
+    right: auto;
+    left: 5px;
+  }
+  [dir="rtl"] .comment__content::before,
+  [dir="rtl"] .comment__content:after {
+    border-left: 20px solid transparent;
+    border-right: 20px solid transparent;
+    top: -20px;
+    left: auto;
+    right: 5px;
+  }
+  .comment__content::before {
+    border-bottom-color: #d3d7d9;
+  }
+  .comment__content:after {
+    border-bottom-color: #fff;
+    margin-top: 1px;
+    margin-right: 0;
+  }
+  article.comment {
+    display: block;
+  }
+  .comment__author,
+  .comment__time,
+  .comment__permalink {
+    display: inline;
+  }
+  .comment__author,
+  .comment__time {
+    margin-right: 5px;
+  }
+  [dir="rtl"] .comment__author,
+  [dir="rtl"] .comment__time {
+    margin-right: 0;
+    margin-left: 5px;
+  }
+}