diff --git a/styles/less/ux/tooltip/tooltip.less b/styles/less/ux/tooltip/tooltip.less
index 0f85cb50..6bbce36d 100644
--- a/styles/less/ux/tooltip/tooltip.less
+++ b/styles/less/ux/tooltip/tooltip.less
@@ -1,8 +1,8 @@
 @import '../../utils/colors.less';
 @import '../../utils/fonts.less';
 
-#tooltip:has(div.daggerheart.dh-style.tooltip),
-aside[role='tooltip']:has(div.daggerheart.dh-style.tooltip) {
+#tooltip:has(div.daggerheart.dh-style.tooltip.card-style),
+aside[role='tooltip']:has(div.daggerheart.dh-style.tooltip.card-style) {
     padding: 0;
     border: none;
     border-radius: 10px;
@@ -143,12 +143,12 @@ aside[role='tooltip']:has(div.daggerheart.dh-style.tooltip) {
     }
 }
 
-aside[role='tooltip'].locked-tooltip:has(div.daggerheart.dh-style.tooltip) {
+aside[role='tooltip'].locked-tooltip:has(div.daggerheart.dh-style.tooltip.card-style) {
     box-shadow: 0 0 25px @golden-90;
 }
 
-.theme-light #tooltip:has(div.daggerheart.dh-style.tooltip),
-.theme-light aside[role='tooltip']:has(div.daggerheart.dh-style.tooltip) {
+.theme-light #tooltip:has(div.daggerheart.dh-style.tooltip.card-style),
+.theme-light aside[role='tooltip']:has(div.daggerheart.dh-style.tooltip.card-style) {
     background-image: url('../assets/parchments/dh-parchment-light.png');
 }
 
@@ -157,7 +157,8 @@ aside[role='tooltip'].locked-tooltip:has(div.daggerheart.dh-style.tooltip) {
 }
 
 #tooltip,
-.locked-tooltip {
+.locked-tooltip,
+.daggerheart.dh-style.tooltip {
     &.wide {
         max-width: 480px;
 
diff --git a/templates/ui/tooltip/action.hbs b/templates/ui/tooltip/action.hbs
index a3020aff..8740c9d9 100644
--- a/templates/ui/tooltip/action.hbs
+++ b/templates/ui/tooltip/action.hbs
@@ -1,4 +1,4 @@
-<div class="daggerheart dh-style tooltip">
+<div class="daggerheart dh-style tooltip card-style">
     <h2 class="tooltip-title">{{localize item.name}}</h2>
     <img class="tooltip-image" src="{{item.img}}" />
     <div class="tooltip-description">{{{description}}}</div>
diff --git a/templates/ui/tooltip/armor.hbs b/templates/ui/tooltip/armor.hbs
index 7cdcdffc..95fc20c9 100644
--- a/templates/ui/tooltip/armor.hbs
+++ b/templates/ui/tooltip/armor.hbs
@@ -1,4 +1,4 @@
-<div class="daggerheart dh-style tooltip armor">
+<div class="daggerheart dh-style tooltip armor card-style">
     <img class="tooltip-image" src="{{item.img}}" />
     <h2 class="tooltip-title">{{item.name}}</h2>
     <div class="tags">
diff --git a/templates/ui/tooltip/attack.hbs b/templates/ui/tooltip/attack.hbs
index efd40311..99bab9fa 100644
--- a/templates/ui/tooltip/attack.hbs
+++ b/templates/ui/tooltip/attack.hbs
@@ -1,4 +1,4 @@
-<div class="daggerheart dh-style tooltip">
+<div class="daggerheart dh-style tooltip card-style">
     <h2 class="tooltip-title">{{attack.name}}</h2>
     <img class="tooltip-image" src="{{attack.img}}" />
     <div class="tooltip-description">{{{description}}}</div>
diff --git a/templates/ui/tooltip/consumable.hbs b/templates/ui/tooltip/consumable.hbs
index bf8a4601..db87547c 100644
--- a/templates/ui/tooltip/consumable.hbs
+++ b/templates/ui/tooltip/consumable.hbs
@@ -1,4 +1,4 @@
-<div class="daggerheart dh-style tooltip">
+<div class="daggerheart dh-style tooltip card-style">
     <img class="tooltip-image" src="{{item.img}}" />
     <h2 class="tooltip-title">{{item.name}}</h2>
     <div class="tags">
diff --git a/templates/ui/tooltip/domainCard.hbs b/templates/ui/tooltip/domainCard.hbs
index 087a43a3..9388f1a4 100644
--- a/templates/ui/tooltip/domainCard.hbs
+++ b/templates/ui/tooltip/domainCard.hbs
@@ -1,4 +1,4 @@
-<div class="daggerheart dh-style tooltip domain-card">
+<div class="daggerheart dh-style tooltip domain-card card-style">
     <div class="item-icons-list">
         <span class="item-icon">
             <span class="recall-value">{{item.system.recallCost}}</span>
diff --git a/templates/ui/tooltip/effect.hbs b/templates/ui/tooltip/effect.hbs
index fb07d895..08db099d 100644
--- a/templates/ui/tooltip/effect.hbs
+++ b/templates/ui/tooltip/effect.hbs
@@ -1,4 +1,4 @@
-<div class="daggerheart dh-style tooltip">
+<div class="daggerheart dh-style tooltip card-style">
     <h2 class="tooltip-title">{{item.name}}</h2>
     <img class="tooltip-image" src="{{item.img}}" />
     <div class="tooltip-description">{{{description}}}</div>
diff --git a/templates/ui/tooltip/feature.hbs b/templates/ui/tooltip/feature.hbs
index 768c2059..3dedb9b0 100644
--- a/templates/ui/tooltip/feature.hbs
+++ b/templates/ui/tooltip/feature.hbs
@@ -1,4 +1,4 @@
-<div class="daggerheart dh-style tooltip">
+<div class="daggerheart dh-style tooltip card-style">
     <img class="tooltip-image" src="{{item.img}}" />
     <h2 class="tooltip-title">{{item.name}}</h2>
     <div class="tags">
diff --git a/templates/ui/tooltip/loot.hbs b/templates/ui/tooltip/loot.hbs
index 6bdfa647..7d793d7c 100644
--- a/templates/ui/tooltip/loot.hbs
+++ b/templates/ui/tooltip/loot.hbs
@@ -1,4 +1,4 @@
-<div class="daggerheart dh-style tooltip">
+<div class="daggerheart dh-style tooltip card-style">
     <img class="tooltip-image" src="{{item.img}}" />
     <h2 class="tooltip-title">{{item.name}}</h2>
     {{#if description}}
diff --git a/templates/ui/tooltip/weapon.hbs b/templates/ui/tooltip/weapon.hbs
index 67287b6a..a672c883 100644
--- a/templates/ui/tooltip/weapon.hbs
+++ b/templates/ui/tooltip/weapon.hbs
@@ -1,4 +1,4 @@
-<div class="daggerheart dh-style tooltip weapon">
+<div class="daggerheart dh-style tooltip weapon card-style">
     <img class="tooltip-image" src="{{item.img}}" />
     <h2 class="tooltip-title">{{item.name}}</h2>
     <div class="tags">