diff --git a/themes/bartik/css/colors.css b/themes/bartik/css/colors.css
index d6129606871e3c4c3ad0298136ed2cd5377fdf5b..4cbd2c64b8365dae167882595759d971c8acfebb 100644
--- a/themes/bartik/css/colors.css
+++ b/themes/bartik/css/colors.css
@@ -12,6 +12,9 @@ body.overlay {
   background-color: #ffffff;
   color: #3b3b3b;
 }
+.comment .comment-arrow {
+  border-color: #ffffff;
+}
 #main-menu-links li a.active,
 #main-menu-links li.active-trail a {
   background: #ffffff;
diff --git a/themes/bartik/css/style-rtl.css b/themes/bartik/css/style-rtl.css
index 31798e54f9bf10b9db0f055476798458caf77923..28d325ae4318f1d71ea67096a23ef862bba54512 100644
--- a/themes/bartik/css/style-rtl.css
+++ b/themes/bartik/css/style-rtl.css
@@ -111,9 +111,9 @@ ul.tips {
   padding: 0 0 0 30px;
 }
 .comment .comment-arrow {
-  background: url(../images/comment-arrow-rtl.png);
+  background-image: url(../images/comment-arrow-rtl.gif);
   margin-left: 0;
-  margin-right: -45px;
+  margin-right: -47px;
 }
 .comment .indented {
   margin-right: 40px;
@@ -122,6 +122,11 @@ ul.tips {
 .comment ul.links li {
   padding: 0 0 0.5em;
 }
+.comment-unpublished {
+  margin-left: 5px;
+  margin-right: 0;
+  padding: 5px 5px 5px 2px;
+}
 
 /* -------------- Password Meter  ------------- */
 
diff --git a/themes/bartik/css/style.css b/themes/bartik/css/style.css
index 52019678654803816eb09a071ee7f8426663bbf4..4d813941647629cce263d1842b0f9dcee3a9599c 100644
--- a/themes/bartik/css/style.css
+++ b/themes/bartik/css/style.css
@@ -595,6 +595,14 @@ ul.links {
   color: #68696b;
   font-size: 0.821em;
 }
+.node-unpublished {
+  margin: -20px -15px 0;
+  padding: 20px 15px 0;
+}
+.node-unpublished .comment-text .comment-arrow {
+  border-left: 1px solid #fff4f4;
+  border-right: 1px solid #fff4f4;
+}
 
 /* ----------------- Comments ----------------- */
 
@@ -637,12 +645,14 @@ ul.links {
   line-height: 1.6;
 }
 .comment .comment-arrow {
-  background: url(../images/comment-arrow.png); /* LTR */
+  background: url(../images/comment-arrow.gif) no-repeat 0 center transparent; /* LTR */
+  border-left: 1px solid;
+  border-right: 1px solid;
   height: 40px;
-  width: 20px;
-  margin-left: -45px; /* LTR */
+  margin-left: -47px; /* LTR */
   margin-top: 10px;
   position: absolute;
+  width: 20px;
 }
 .comment .comment-text {
   padding: 10px 25px;
@@ -660,6 +670,14 @@ ul.links {
 .comment ul.links li {
   padding: 0 0.5em 0 0; /* LTR */
 }
+.comment-unpublished {
+  margin-right: 5px; /* LTR */
+  padding: 5px 2px 5px 5px; /* LTR */
+}
+.comment-unpublished .comment-text .comment-arrow {
+  border-left: 1px solid #fff4f4;
+  border-right: 1px solid #fff4f4;
+}
 
 /* ------------------ Sidebar ----------------- */
 .sidebar .section {
diff --git a/themes/bartik/images/comment-arrow-rtl.gif b/themes/bartik/images/comment-arrow-rtl.gif
new file mode 100644
index 0000000000000000000000000000000000000000..b597e6587f843d15946a8ce81545baea76617465
--- /dev/null
+++ b/themes/bartik/images/comment-arrow-rtl.gif
@@ -0,0 +1 @@
+GIF89a�(��
�������!�
��
�,�����(��8D��j�۞q�jY~x����9���y���{ɳM�t��r��	C0GL�����*��;
\ No newline at end of file
diff --git a/themes/bartik/images/comment-arrow-rtl.png b/themes/bartik/images/comment-arrow-rtl.png
deleted file mode 100644
index 892fb46698a9615f27ad7f250ff4de611ac58c15..0000000000000000000000000000000000000000
--- a/themes/bartik/images/comment-arrow-rtl.png
+++ /dev/null
@@ -1,3 +0,0 @@
-�PNG
-
-���
IHDR������(��������PLTE���������������Ҙ�����tRNS���@�����FIDATx^E�A�0�����`��o�_7����t�Ƀ_<<<<<<<<<<<<<<<<,s��`0��`0QD�'7������IEND�B`�
\ No newline at end of file
diff --git a/themes/bartik/images/comment-arrow.gif b/themes/bartik/images/comment-arrow.gif
new file mode 100644
index 0000000000000000000000000000000000000000..ce48d0ccd97af40058599b1536ee1878ecfef64c
--- /dev/null
+++ b/themes/bartik/images/comment-arrow.gif
@@ -0,0 +1 @@
+GIF89a�(��
�������!�
��
�,�����(��8������"�m�wkVv����x��)y�z�����<�pL߸M:׫�?L��:����i+��;
\ No newline at end of file
diff --git a/themes/bartik/images/comment-arrow.png b/themes/bartik/images/comment-arrow.png
deleted file mode 100644
index 7e908a0968f47fc7a67cd3768c91ada8815d9cf8..0000000000000000000000000000000000000000
--- a/themes/bartik/images/comment-arrow.png
+++ /dev/null
@@ -1,4 +0,0 @@
-�PNG
-
-���
IHDR������(��������PLTE���������������Ҙ�����tRNS���@�����GIDATx^M�A
�@���
-*
���6���7|���!���p8���p8�����5z�t����IEND�B`�
\ No newline at end of file