diff --git a/public/scripts/portrait.js b/public/scripts/portrait.js
index 8a1ddcf..7056b6d 100644
--- a/public/scripts/portrait.js
+++ b/public/scripts/portrait.js
@@ -146,7 +146,7 @@
 
 socket.on('environment change', data => {
     const timeout = 100;
-    $('.container.switchable .text').fadeOut(timeout);
+    $('.container.switchable').fadeOut(timeout);
     setTimeout(() => {
         switch (data.mode) {
             case 'idle':
diff --git a/templates/views/portrait.hbs b/templates/views/portrait.hbs
index 7f76b2a..97d0781 100644
--- a/templates/views/portrait.hbs
+++ b/templates/views/portrait.hbs
@@ -26,11 +26,11 @@
         </div>
     </div>
 
-    <div class="container" id="idleText" {{#if onCombat}}style="display: none;" {{/if}}>
+    <div class="container switchable" id="idleText" {{#if onCombat}}style="display: none;" {{/if}}>
         <div class="name top">{{name}}</div>
     </div>
 
-    <div class="container" id="combatText" {{#unless onCombat}}style="display: none;" {{/unless}}>
+    <div class="container switchable" id="combatText" {{#unless onCombat}}style="display: none;" {{/unless}}>
         <div class="combat">
             <div class="health top">{{attributes.0.value}}/{{attributes.0.total_value}}</div>
             <div class="sanity top">{{attributes.1.value}}/{{attributes.1.total_value}}</div>