diff --git a/pleroma-comments.css b/pleroma-comments.css
index 6184af8..12d24c7 100644
--- a/pleroma-comments.css
+++ b/pleroma-comments.css
@@ -1,6 +1,24 @@
 
+/* colors  */
+
+/*.pleroma-comment blockquote {
+    border-left: 3px solid red;
+}*/
+
+/*.pleroma-comment  .bar {
+    background-color: green;
+}*/
+
+/*.pleroma-comment .card-link {
+    background-color: blue;
+    color: white;
+}*/
+
+/*.pleroma-comment .card-link:hover {
+    background-color: orange;
+}*/
+
 .pleroma-comment blockquote {
-    border-left: 3px solid red;
     padding-left:1%;
 }
 
@@ -36,10 +54,10 @@
     border: 1px solid #ccc;
     border-radius: 8px;
     overflow: hidden;
-    width: 300px; /* Adjust as needed */
     margin: 1%;
     margin-left:10%;
-/*     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); */
+/*     adjust this */
+    width: 300px; 
 }
 .pleroma-comment .card-title {
     font-size: 1.5em;
@@ -82,25 +100,14 @@
     padding-bottom:0.5em;
     padding-left:1em;
     margin-right:1em;
-    white-space: nowrap; /* Prevent text wrapping for the bar width */
+    /* Prevent text wrapping for the bar width */
+    white-space: nowrap; 
 }
 
 .pleroma-comment .bar-text {
-    word-wrap: break-word; /* Allow word wrap */
     overflow-wrap: break-word;
-    white-space: normal; /* Allow normal wrapping */
+     /* Allow word wrap */
+    word-wrap: break-word;
+    /* Allow normal wrapping */
+    white-space: normal; 
 }
-
-/* colors  */
-
-.pleroma-comment  .bar {
-    background-color: #8da5aa;
-}
-
-/*.pleroma-comment .card-link {
-    background-color: #36dcff;
-    color: white;
-}
-.pleroma-comment .card-link:hover {
-    background-color: #8da5aa;
-}*/