diff --git a/static/css/app.css b/static/css/app.css
index 699420a..960d515 100644
--- a/static/css/app.css
+++ b/static/css/app.css
@@ -1360,6 +1360,10 @@ body.dnd-mode .timer-display {
   cursor: pointer;
 }
 
+.enc-key-prompt {
+  padding: 24px 0 16px;
+}
+
 .book-key-bar {
   display: flex;
   align-items: center;
diff --git a/templates/radio/player.html b/templates/radio/player.html
index c7184e1..9ecc6cb 100644
--- a/templates/radio/player.html
+++ b/templates/radio/player.html
@@ -278,7 +278,7 @@
 <!-- ===== BOOKS TAB ===== -->
 <section class="tab-panel" id="tab-books" style="display:none;">
   {% if user.is_authenticated %}
-  <div id="enc-key-prompt" style="display:none;" class="enc-key-prompt">
+  <div id="enc-key-prompt" class="enc-key-prompt">
     <p class="muted">Enter your password to unlock encrypted storage on this device.</p>
     <div class="search-bar">
       <input type="password" id="enc-key-password" class="search-input" placeholder="Your password…">