From 4238391992c7b9bd1ee0ad5f41fd2f895cbc6e17 Mon Sep 17 00:00:00 2001
From: Nikhil Nagarajan <potter.nikhil@gmail.com>
Date: Wed, 18 Mar 2026 10:16:33 -0400
Subject: [PATCH] Fixed on CC and sheet

---
 .../character-creation/selections-container.less    | 11 ++++++++---
 .../sheets-settings/character-settings/sheet.less   | 13 ++++++++++---
 2 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/styles/less/dialog/character-creation/selections-container.less b/styles/less/dialog/character-creation/selections-container.less
index 1de3d870..b1821051 100644
--- a/styles/less/dialog/character-creation/selections-container.less
+++ b/styles/less/dialog/character-creation/selections-container.less
@@ -240,12 +240,17 @@
                 display: flex;
                 align-items: center;
                 justify-content: space-evenly;
-                gap: 8px;
+                gap: 2px; //gap reduced to accomadate new font size and keep the same overall spacing between trait containers
 
                 .trait-container {
-                    width: 60px;
-                    height: 60px;
+                    span {
+                        font-size: var(--font-size-10); // reduced font size to fit inside the smaller shield and maintain readability
+                    }
+                    width: 65px; //width and height increased to accomadate font size
+                    height: 65px;
                     background: url(../assets/svg/trait-shield.svg) no-repeat;
+                    background-size: 100%; //scaling the shield to fit the container
+                    padding-right:2px; // trait-shield is not centered so a quick padding fix for centered text
 
                     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..8e1e00af 100644
--- a/styles/less/sheets-settings/character-settings/sheet.less
+++ b/styles/less/sheets-settings/character-settings/sheet.less
@@ -20,16 +20,23 @@
             display: flex;
             align-items: center;
             justify-content: space-evenly;
-            gap: 8px;
+            gap: 2px; //gap reduced to accomadate new font size and keep the same overall spacing between trait containers
 
             .trait-container {
-                width: 60px;
-                height: 60px;
+                width: 65px; //width and height increased to accomadate font size
+                height: 65px;
                 background: url(../assets/svg/trait-shield.svg) no-repeat;
+                background-size: 100%; //scaling the shield to fit the container
+                padding-right: 2px; //to fix the trait-shield not being centered
+                padding-top: 4px; //aligning the text properly
                 display: flex;
                 flex-direction: column;
                 align-items: center;
 
+                span{
+                    font-size: var(--font-size-10); // font size decreased to fit inside the shield and maintain readability
+                }
+
                 div {
                     filter: drop-shadow(0 0 3px black);
                     text-shadow: 0 0 3px black;