diff --git a/assets/css/table.css b/assets/css/table.css
index 0c09b05..dce08cd 100644
--- a/assets/css/table.css
+++ b/assets/css/table.css
@@ -276,15 +276,25 @@
   opacity: 1;
 }
 
+.profile-lock-badge {
+  position: absolute;
+  top: 4px;
+  right: 4px;
+  font-size: 11px;
+  line-height: 1;
+  pointer-events: none;
+  z-index: 1;
+}
+
 .profile-btn-label {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   height: 24px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
+  display: block;
+  line-height: 24px;
+  text-align: center;
   font-family: Manrope, sans-serif;
   font-size: 10px;
   font-weight: 700;
diff --git a/assets/js/components/DayTabs.js b/assets/js/components/DayTabs.js
index b5ed401..bfdc103 100644
--- a/assets/js/components/DayTabs.js
+++ b/assets/js/components/DayTabs.js
@@ -187,16 +187,16 @@ export function DayTabs({
               <button
                 key=${key}
                 class=${`profile-btn${activeProfile === key ? ' active' : ''}${locked ? ' locked' : ''}`}
-                style=${{ filter: locked ? 'grayscale(100%)' : 'none', cursor: 'pointer', position: 'relative' }}
+                style=${{ cursor: 'pointer', position: 'relative' }}
                 title=${locked ? `Profile ${profile.label} is part of SunScope Extra` : ''}
                 onClick=${() => {
                   if (locked) { setProPromptSource(`profile:${key}`); setProPromptDay(0); return; }
                   activateProfile(key);
                 }}
               >
-                <span class="profile-btn-scene" style=${{ background: profile.scene }}>${profile.scene.includes('url(') ? null : profile.icon}</span>
-                <span class="profile-btn-label">${profile.label}</span>
-                ${locked && html`<span style=${{ position: 'absolute', top: '3px', right: '5px', fontSize: '10px', opacity: 0.85 }}>🔒</span>`}
+                <span class="profile-btn-scene" style=${{ background: profile.scene, filter: locked ? 'grayscale(100%)' : 'none' }}>${profile.scene.includes('url(') ? null : profile.icon}</span>
+                <span class="profile-btn-label">${locked ? '🔒 ' : ''}${profile.label}</span>
+                ${locked && html`<span class="profile-lock-badge">🔒</span>`}
               </button>`;
           })}
 
@@ -204,7 +204,7 @@ export function DayTabs({
             <button
               key=${opt.value}
               class=${`profile-btn${placeValue === opt.value ? ' active' : ''}${opt.disabled ? ' locked' : ''}`}
-              style=${{ filter: opt.disabled ? 'grayscale(100%)' : 'none', cursor: 'pointer', position: 'relative' }}
+              style=${{ cursor: 'pointer', position: 'relative' }}
               onClick=${() => {
                 if (opt.disabled) { setProPromptSource(`variant:${opt.value}`); setProPromptDay(0); return; }
                 try { localStorage.setItem('sunscope_profile', 'outdoors'); } catch(e) {}
@@ -215,9 +215,9 @@ export function DayTabs({
                 setIndoorManaged(false);
               }}
             >
-              <span class="profile-btn-scene" style=${{ background: opt.scene }}></span>
-              <span class="profile-btn-label">${opt.name}</span>
-              ${opt.disabled && html`<span style=${{ position: 'absolute', top: '3px', right: '5px', fontSize: '10px', opacity: 0.85 }}>🔒</span>`}
+              <span class="profile-btn-scene" style=${{ background: opt.scene, filter: opt.disabled ? 'grayscale(100%)' : 'none' }}></span>
+              <span class="profile-btn-label">${opt.disabled ? '🔒 ' : ''}${opt.name}</span>
+              ${opt.disabled && html`<span class="profile-lock-badge">🔒</span>`}
             </button>
           `)}
 
@@ -225,7 +225,7 @@ export function DayTabs({
             <button
               key=${opt.value}
               class=${`profile-btn${activityValue === opt.value ? ' active' : ''}${opt.disabled ? ' locked' : ''}`}
-              style=${{ filter: opt.disabled ? 'grayscale(100%)' : 'none', cursor: 'pointer', position: 'relative' }}
+              style=${{ cursor: 'pointer', position: 'relative' }}
               onClick=${() => {
                 if (opt.disabled) { setProPromptSource(`variant:${opt.value}`); setProPromptDay(0); return; }
                 try { localStorage.setItem('sunscope_profile', 'outdoors'); } catch(e) {}
@@ -236,9 +236,9 @@ export function DayTabs({
                 setIndoorManaged(false);
               }}
             >
-              <span class="profile-btn-scene" style=${{ background: opt.scene }}></span>
-              <span class="profile-btn-label">${opt.name}</span>
-              ${opt.disabled && html`<span style=${{ position: 'absolute', top: '3px', right: '5px', fontSize: '10px', opacity: 0.85 }}>🔒</span>`}
+              <span class="profile-btn-scene" style=${{ background: opt.scene, filter: opt.disabled ? 'grayscale(100%)' : 'none' }}></span>
+              <span class="profile-btn-label">${opt.disabled ? '🔒 ' : ''}${opt.name}</span>
+              ${opt.disabled && html`<span class="profile-lock-badge">🔒</span>`}
             </button>
           `)}
 
@@ -246,7 +246,7 @@ export function DayTabs({
             <button
               key=${opt.value}
               class=${`profile-btn${workValue === opt.value ? ' active' : ''}${opt.disabled ? ' locked' : ''}`}
-              style=${{ filter: opt.disabled ? 'grayscale(100%)' : 'none', cursor: 'pointer', position: 'relative' }}
+              style=${{ cursor: 'pointer', position: 'relative' }}
               onClick=${() => {
                 if (opt.disabled) { setProPromptSource(`variant:${opt.value}`); setProPromptDay(0); return; }
                 if (opt.value === 'farming') { activateProfile('farming'); return; }
@@ -258,9 +258,9 @@ export function DayTabs({
                 else { setIndoorMode('off'); setIndoorManaged(false); }
               }}
             >
-              <span class="profile-btn-scene" style=${{ background: opt.scene }}></span>
-              <span class="profile-btn-label">${opt.name}</span>
-              ${opt.disabled && html`<span style=${{ position: 'absolute', top: '3px', right: '5px', fontSize: '10px', opacity: 0.85 }}>🔒</span>`}
+              <span class="profile-btn-scene" style=${{ background: opt.scene, filter: opt.disabled ? 'grayscale(100%)' : 'none' }}></span>
+              <span class="profile-btn-label">${opt.disabled ? '🔒 ' : ''}${opt.name}</span>
+              ${opt.disabled && html`<span class="profile-lock-badge">🔒</span>`}
             </button>
           `)}
 
diff --git a/assets/js/hooks/useAppState.js b/assets/js/hooks/useAppState.js
index 3ae58c3..c3d107c 100644
--- a/assets/js/hooks/useAppState.js
+++ b/assets/js/hooks/useAppState.js
@@ -316,7 +316,7 @@ export function useAppState() {
     return {
       value: k,
       label: `${variantIcons[k]} ${v.name}${locked ? ' 🔒' : ''}`,
-      name:  `${v.name}${locked ? ' 🔒' : ''}`,
+      name:  v.name,
       scene: v.scene,
       icon:  v.icon,
       disabled: locked,
@@ -328,7 +328,7 @@ export function useAppState() {
     return {
       value: k,
       label: `${variantIcons[k]} ${v.name}${locked ? ' 🔒' : ''}`,
-      name:  `${v.name}${locked ? ' 🔒' : ''}`,
+      name:  v.name,
       scene: v.scene,
       icon:  v.icon,
       disabled: locked,
@@ -343,7 +343,7 @@ export function useAppState() {
     return {
       value: k,
       label: `${iconGlyph} ${v.name}${locked ? ' 🔒' : ''}`,
-      name:  `${v.name}${locked ? ' 🔒' : ''}`,
+      name:  v.name,
       scene: v.scene,
       icon:  v.icon || iconGlyph,
       disabled: locked,