diff --git a/css/ordemparanormal_fvtt.css b/css/ordemparanormal_fvtt.css
index 3a111d6..6152f6c 100644
--- a/css/ordemparanormal_fvtt.css
+++ b/css/ordemparanormal_fvtt.css
@@ -14,6 +14,28 @@
   padding: 0 10px;
 }
 
+#sidebar::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+
+#sidebar::-webkit-scrollbar-thumb {
+  outline: none;
+  border-radius: 3px;
+  background: #782e22;
+  border: 1px solid var(--color-border-highlight);
+}
+
+#sidebar::-webkit-scrollbar-track {
+  box-shadow: 0 0 1px #999 inset;
+  border-radius: 4px;
+}
+
+:root {
+  scrollbar-width: initial !important;
+  scrollbar-color: initial !important;
+}
+
 .grid,
 .grid-2col {
   display: grid;
@@ -624,7 +646,8 @@
   align-items: center;
   display: flex;
 }
-.system-ordemparanormal .items-list .item-name h3, .system-ordemparanormal .items-list .item-name h4 {
+.system-ordemparanormal .items-list .item-name h3,
+.system-ordemparanormal .items-list .item-name h4 {
   margin: 0;
   white-space: nowrap;
   overflow-x: hidden;
@@ -683,7 +706,7 @@
   text-align: left;
 }
 .system-ordemparanormal .item-space {
-  flex: 1 10px;
+  flex: 1 20px;
   padding: 0 8px;
 }
 .system-ordemparanormal .item-sheet {
@@ -700,7 +723,8 @@
 .system-ordemparanormal .slide {
   overflow: hidden;
 }
-.system-ordemparanormal .slide > img, .system-ordemparanormal .slide a {
+.system-ordemparanormal .slide > img,
+.system-ordemparanormal .slide a {
   transition: 0.3s all ease-in-out;
   position: absolute;
 }
@@ -827,5 +851,71 @@
 .system-ordemparanormal .dice-roll .dice-total.fumble {
   color: red;
 }
+.system-ordemparanormal .chat-card details {
+  padding: 4px 4px;
+  border: 1px solid #b8b8b8;
+  box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
+  border-radius: 5px;
+  font-family: "Warnock Pro", "Roboto", sans-serif, "Arial";
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+.system-ordemparanormal .chat-card details summary {
+  margin-left: 4px;
+}
+.system-ordemparanormal .chat-card span.element {
+  display: inline-block;
+  font-size: 12px;
+  color: #fff;
+  padding: 1px 4px;
+  margin-top: 4px;
+  margin-bottom: 1px;
+  text-transform: uppercase;
+  font-family: "Optima Nova LT PRO", "Roboto", sans-serif, "Arial";
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  font-weight: bold;
+}
+.system-ordemparanormal .chat-card span.element.death {
+  background-color: #000;
+}
+.system-ordemparanormal .chat-card span.element.blood {
+  background-color: #b1161a;
+}
+.system-ordemparanormal .chat-card span.element.knowledge {
+  background-color: #bf9100;
+}
+.system-ordemparanormal .chat-card span.element.energy {
+  background-color: #9a00fd;
+}
+.system-ordemparanormal .chat-card span.element.fear {
+  background-color: #b8b8b8;
+}
+.system-ordemparanormal .chat-card .ritual-info {
+  font-family: "Optima Nova LT PRO", "Roboto", sans-serif, "Arial";
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+.system-ordemparanormal .chat-card .ritual-info strong {
+  color: #b92730;
+}
+.system-ordemparanormal .chat-card table tr {
+  text-align: center;
+}
+.system-ordemparanormal .chat-card table tr th,
+.system-ordemparanormal .chat-card table tr td {
+  padding: 5px;
+}
+.system-ordemparanormal .chat-card .header {
+  display: flex;
+  width: 100%;
+  align-items: center;
+  padding: 6px 0;
+}
+.system-ordemparanormal .chat-card .header h2 {
+  padding: 0 6px;
+  margin: 0;
+  border: 0;
+}
 
 /*# sourceMappingURL=ordemparanormal_fvtt.css.map */