diff --git a/assets/svg/trait-shield-light.svg b/assets/svg/trait-shield-light.svg
index dc6f77c3..c4d1824d 100644
--- a/assets/svg/trait-shield-light.svg
+++ b/assets/svg/trait-shield-light.svg
@@ -1,3 +1,3 @@
diff --git a/assets/svg/trait-shield.svg b/assets/svg/trait-shield.svg
index 87c18dd7..dcb87cf4 100644
--- a/assets/svg/trait-shield.svg
+++ b/assets/svg/trait-shield.svg
@@ -1,3 +1,3 @@
diff --git a/styles/less/dialog/character-creation/selections-container.less b/styles/less/dialog/character-creation/selections-container.less
index 1de3d870..f9569fca 100644
--- a/styles/less/dialog/character-creation/selections-container.less
+++ b/styles/less/dialog/character-creation/selections-container.less
@@ -240,12 +240,16 @@
display: flex;
align-items: center;
justify-content: space-evenly;
- gap: 8px;
+ gap: 2px;
.trait-container {
- width: 60px;
- height: 60px;
+ span {
+ font-size: var(--font-size-10);
+ }
+ width: 65px;
+ height: 65px;
background: url(../assets/svg/trait-shield.svg) no-repeat;
+ background-size: 100%;
div {
filter: drop-shadow(0 0 3px black);
diff --git a/styles/less/sheets-settings/character-settings/sheet.less b/styles/less/sheets-settings/character-settings/sheet.less
index f0c7c94e..f7f16df4 100644
--- a/styles/less/sheets-settings/character-settings/sheet.less
+++ b/styles/less/sheets-settings/character-settings/sheet.less
@@ -20,16 +20,22 @@
display: flex;
align-items: center;
justify-content: space-evenly;
- gap: 8px;
+ gap: 2px;
.trait-container {
- width: 60px;
- height: 60px;
+ width: 65px;
+ height: 65px;
background: url(../assets/svg/trait-shield.svg) no-repeat;
+ background-size: 100%;
+ padding-top: 4px;
display: flex;
flex-direction: column;
align-items: center;
+ span {
+ font-size: var(--font-size-10);
+ }
+
div {
filter: drop-shadow(0 0 3px black);
text-shadow: 0 0 3px black;