diff --git a/less/original/chat.less b/less/original/chat.less
index 9b161dc0..732cb0b5 100644
--- a/less/original/chat.less
+++ b/less/original/chat.less
@@ -4,7 +4,8 @@
 /*  Chat Cards
 /* ----------------------------------------- */
 
-.sw5e.chat-card {
+.sw5e.chat-card,
+.midi-qol-item-card {
   font-style: normal;
   font-size: 12px;
 
diff --git a/less/update/components/sidebar-global.less b/less/update/components/sidebar-global.less
index 9d669a4a..2f69aae7 100644
--- a/less/update/components/sidebar-global.less
+++ b/less/update/components/sidebar-global.less
@@ -54,7 +54,8 @@
   color: @colorBlue;
 }
 
-.sw5e.chat-card {
+.sw5e.chat-card,
+.midi-qol-item-card {
   .card-header {
     padding: 0;
     border: none;
diff --git a/less/update/components/sidebar-themes.less b/less/update/components/sidebar-themes.less
index b7d53e7a..4a3f57c4 100644
--- a/less/update/components/sidebar-themes.less
+++ b/less/update/components/sidebar-themes.less
@@ -31,7 +31,8 @@
   color: @chatNotificationColor;
 }
 
-.sw5e.chat-card {
+.sw5e.chat-card,
+.midi-qol-item-card {
 
   .card-header {
     h3 {
diff --git a/less/update/components/sidebar.less b/less/update/components/sidebar.less
index 2cfb6737..5f0ae311 100644
--- a/less/update/components/sidebar.less
+++ b/less/update/components/sidebar.less
@@ -51,7 +51,8 @@
 
 }
 
-.sw5e.chat-card {
+.sw5e.chat-card,
+.midi-qol-item-card {
   font-size: 13px;
 
   .card-header {
diff --git a/sw5e-dark.css b/sw5e-dark.css
index cd1e8030..ea2714f0 100644
--- a/sw5e-dark.css
+++ b/sw5e-dark.css
@@ -182,22 +182,28 @@ body.dark-theme #chat-log .chat-message > header span {
 body.dark-theme .notification-pip {
   color: #0d99cc;
 }
-body.dark-theme .sw5e.chat-card .card-header h3 {
+body.dark-theme .sw5e.chat-card .card-header h3,
+body.dark-theme .midi-qol-item-card .card-header h3 {
   color: white;
 }
-body.dark-theme .sw5e.chat-card .card-header h3:hover {
+body.dark-theme .sw5e.chat-card .card-header h3:hover,
+body.dark-theme .midi-qol-item-card .card-header h3:hover {
   color: white;
 }
-body.dark-theme .sw5e.chat-card .card-buttons span {
+body.dark-theme .sw5e.chat-card .card-buttons span,
+body.dark-theme .midi-qol-item-card .card-buttons span {
   border: 1px solid #828282;
 }
-body.dark-theme .sw5e.chat-card .card-footer {
+body.dark-theme .sw5e.chat-card .card-footer,
+body.dark-theme .midi-qol-item-card .card-footer {
   border-top: 1px solid #7ed6f7;
 }
-body.dark-theme .sw5e.chat-card .card-footer span {
+body.dark-theme .sw5e.chat-card .card-footer span,
+body.dark-theme .midi-qol-item-card .card-footer span {
   border-right: 1px solid #D6D6D6;
 }
-body.dark-theme .sw5e.chat-card .card-footer span:last-child {
+body.dark-theme .sw5e.chat-card .card-footer span:last-child,
+body.dark-theme .midi-qol-item-card .card-footer span:last-child {
   border-right: none;
 }
 body.dark-theme .dice-roll .dice-formula {
diff --git a/sw5e-global.css b/sw5e-global.css
index 52036441..d6796c45 100644
--- a/sw5e-global.css
+++ b/sw5e-global.css
@@ -371,15 +371,18 @@ input[type="reset"]:disabled {
 .notification-pip {
   color: #0d99cc;
 }
-.sw5e.chat-card .card-header {
+.sw5e.chat-card .card-header,
+.midi-qol-item-card .card-header {
   padding: 0;
   border: none;
 }
-.sw5e.chat-card .card-header img {
+.sw5e.chat-card .card-header img,
+.midi-qol-item-card .card-header img {
   flex: 0 0 36px;
   margin-right: 4px;
 }
-.sw5e.chat-card .card-header h3 {
+.sw5e.chat-card .card-header h3,
+.midi-qol-item-card .card-header h3 {
   flex: 1;
   margin: 0;
   line-height: 36px;
@@ -389,32 +392,39 @@ input[type="reset"]:disabled {
   letter-spacing: 0.5px;
   border-bottom: none;
 }
-.sw5e.chat-card .card-header h3:hover {
+.sw5e.chat-card .card-header h3:hover,
+.midi-qol-item-card .card-header h3:hover {
   text-shadow: none;
 }
-.sw5e.chat-card .card-content {
+.sw5e.chat-card .card-content,
+.midi-qol-item-card .card-content {
   margin: 4px 0;
 }
-.sw5e.chat-card .card-content h3 {
+.sw5e.chat-card .card-content h3,
+.midi-qol-item-card .card-content h3 {
   font-size: 12px;
   margin: 0;
   font-weight: bold;
 }
-.sw5e.chat-card .card-content > * {
+.sw5e.chat-card .card-content > *,
+.midi-qol-item-card .card-content > * {
   -webkit-user-select: text;
   -moz-user-select: text;
   -ms-user-select: text;
   user-select: text;
 }
-.sw5e.chat-card .card-buttons {
+.sw5e.chat-card .card-buttons,
+.midi-qol-item-card .card-buttons {
   margin: 4px 0;
 }
-.sw5e.chat-card .card-buttons span {
+.sw5e.chat-card .card-buttons span,
+.midi-qol-item-card .card-buttons span {
   display: block;
   line-height: 28px;
   text-align: center;
 }
-.sw5e.chat-card .card-buttons button {
+.sw5e.chat-card .card-buttons button,
+.midi-qol-item-card .card-buttons button {
   font-family: 'Open Sans';
   font-size: 13px;
   font-weight: 700;
@@ -426,17 +436,22 @@ input[type="reset"]:disabled {
   border-radius: 4px;
 }
 .sw5e.chat-card .card-buttons button:hover,
-.sw5e.chat-card .card-buttons button:focus {
+.midi-qol-item-card .card-buttons button:hover,
+.sw5e.chat-card .card-buttons button:focus,
+.midi-qol-item-card .card-buttons button:focus {
   box-shadow: none;
 }
-.sw5e.chat-card .card-footer {
+.sw5e.chat-card .card-footer,
+.midi-qol-item-card .card-footer {
   padding: 4px 0 0;
 }
-.sw5e.chat-card .card-footer span {
+.sw5e.chat-card .card-footer span,
+.midi-qol-item-card .card-footer span {
   padding: 0 4px 0 0;
   font-size: 10px;
 }
-.sw5e.chat-card .card-footer span:last-child {
+.sw5e.chat-card .card-footer span:last-child,
+.midi-qol-item-card .card-footer span:last-child {
   border-right: none;
   padding-right: 0;
 }
diff --git a/sw5e-light.css b/sw5e-light.css
index 121dfa83..e2b5803d 100644
--- a/sw5e-light.css
+++ b/sw5e-light.css
@@ -182,22 +182,28 @@ body.light-theme #chat-log .chat-message > header span {
 body.light-theme .notification-pip {
   color: #0d99cc;
 }
-body.light-theme .sw5e.chat-card .card-header h3 {
+body.light-theme .sw5e.chat-card .card-header h3,
+body.light-theme .midi-qol-item-card .card-header h3 {
   color: #1C1C1C;
 }
-body.light-theme .sw5e.chat-card .card-header h3:hover {
+body.light-theme .sw5e.chat-card .card-header h3:hover,
+body.light-theme .midi-qol-item-card .card-header h3:hover {
   color: #1C1C1C;
 }
-body.light-theme .sw5e.chat-card .card-buttons span {
+body.light-theme .sw5e.chat-card .card-buttons span,
+body.light-theme .midi-qol-item-card .card-buttons span {
   border: 1px solid #828282;
 }
-body.light-theme .sw5e.chat-card .card-footer {
+body.light-theme .sw5e.chat-card .card-footer,
+body.light-theme .midi-qol-item-card .card-footer {
   border-top: 1px solid #7ed6f7;
 }
-body.light-theme .sw5e.chat-card .card-footer span {
+body.light-theme .sw5e.chat-card .card-footer span,
+body.light-theme .midi-qol-item-card .card-footer span {
   border-right: 1px solid #D6D6D6;
 }
-body.light-theme .sw5e.chat-card .card-footer span:last-child {
+body.light-theme .sw5e.chat-card .card-footer span:last-child,
+body.light-theme .midi-qol-item-card .card-footer span:last-child {
   border-right: none;
 }
 body.light-theme .dice-roll .dice-formula {
diff --git a/sw5e.css b/sw5e.css
index 8328f03d..e0eb9247 100644
--- a/sw5e.css
+++ b/sw5e.css
@@ -1244,20 +1244,24 @@
 /* ----------------------------------------- */
 /*  Chat Cards
 /* ----------------------------------------- */
-.sw5e.chat-card {
+.sw5e.chat-card,
+.midi-qol-item-card {
   font-style: normal;
   font-size: 12px;
 }
-.sw5e.chat-card .card-header {
+.sw5e.chat-card .card-header,
+.midi-qol-item-card .card-header {
   padding: 3px 0;
   border-top: 2px groove #FFF;
   border-bottom: 2px groove #FFF;
 }
-.sw5e.chat-card .card-header img {
+.sw5e.chat-card .card-header img,
+.midi-qol-item-card .card-header img {
   flex: 0 0 36px;
   margin-right: 5px;
 }
-.sw5e.chat-card .card-header h3 {
+.sw5e.chat-card .card-header h3,
+.midi-qol-item-card .card-header h3 {
   flex: 1;
   margin: 0;
   line-height: 36px;
@@ -1266,49 +1270,59 @@
   font-weight: 400;
   color: #4b4a44;
 }
-.sw5e.chat-card .card-header h3:hover {
+.sw5e.chat-card .card-header h3:hover,
+.midi-qol-item-card .card-header h3:hover {
   color: #111;
   text-shadow: 0 0 10px red;
 }
-.sw5e.chat-card .card-content {
+.sw5e.chat-card .card-content,
+.midi-qol-item-card .card-content {
   margin: 5px 0;
 }
-.sw5e.chat-card .card-content h3 {
+.sw5e.chat-card .card-content h3,
+.midi-qol-item-card .card-content h3 {
   font-size: 12px;
   margin: 0;
   font-weight: bold;
 }
-.sw5e.chat-card .card-content > * {
+.sw5e.chat-card .card-content > *,
+.midi-qol-item-card .card-content > * {
   -webkit-user-select: text;
   -moz-user-select: text;
   -ms-user-select: text;
   user-select: text;
 }
-.sw5e.chat-card .card-buttons {
+.sw5e.chat-card .card-buttons,
+.midi-qol-item-card .card-buttons {
   margin: 5px 0;
 }
-.sw5e.chat-card .card-buttons span {
+.sw5e.chat-card .card-buttons span,
+.midi-qol-item-card .card-buttons span {
   display: block;
   line-height: 28px;
   text-align: center;
   border: 1px solid #CCC;
 }
-.sw5e.chat-card .card-buttons button {
+.sw5e.chat-card .card-buttons button,
+.midi-qol-item-card .card-buttons button {
   font-size: 12px;
   height: 24px;
   line-height: 20px;
   margin: 2px 0;
 }
-.sw5e.chat-card .card-footer {
+.sw5e.chat-card .card-footer,
+.midi-qol-item-card .card-footer {
   padding: 3px 0 0;
   border-top: 2px groove #FFF;
 }
-.sw5e.chat-card .card-footer span {
+.sw5e.chat-card .card-footer span,
+.midi-qol-item-card .card-footer span {
   border-right: 2px groove #FFF;
   padding: 0 5px 0 0;
   font-size: 10px;
 }
-.sw5e.chat-card .card-footer span:last-child {
+.sw5e.chat-card .card-footer span:last-child,
+.midi-qol-item-card .card-footer span:last-child {
   border-right: none;
   padding-right: 0;
 }