diff --git a/styles/less/sheets/actors/companion/header.less b/styles/less/sheets/actors/companion/header.less
index 2a162a25..1b78eb3a 100644
--- a/styles/less/sheets/actors/companion/header.less
+++ b/styles/less/sheets/actors/companion/header.less
@@ -11,7 +11,7 @@
         .profile {
             height: 235px;
             cursor: pointer;
-            mask-image: linear-gradient(0deg, transparent 0%, black 10%);
+            mask-image: linear-gradient(0deg, transparent 0%, black 12%);
         }
 
         .actor-name {
@@ -24,12 +24,14 @@
             margin-bottom: -30px;
 
             input[type='text'] {
-                font-size: var(--font-size-24);
-                height: 32px;
-                text-align: center;
+                background-color: light-dark(@dark-15, @light-black);
                 border: 1px solid transparent;
+                font-size: var(--font-size-24);
+                height: 2rem;
+                text-align: center;
                 outline: 2px solid transparent;
                 transition: all 0.3s ease;
+                text-shadow: 1px 1px 2px light-dark(@soft-white-shadow, @light-black);
 
                 &:hover {
                     outline: 2px solid light-dark(@dark, @golden);
diff --git a/styles/less/sheets/actors/environment/header.less b/styles/less/sheets/actors/environment/header.less
index d83bc8bb..a663b596 100644
--- a/styles/less/sheets/actors/environment/header.less
+++ b/styles/less/sheets/actors/environment/header.less
@@ -110,10 +110,10 @@
 
             .item-name {
                 input[type='text'] {
-                    border: 1px solid transparent;
                     background-color: light-dark(@dark-15, @light-black);
+                    border: 1px solid transparent;
                     font-size: var(--font-size-32);
-                    height: 42px;
+                    height: 2.625rem;
                     text-align: start;
                     transition: all 0.3s ease;
                     outline: 2px solid transparent;