diff --git a/templates/_fsh_output.html b/templates/_fsh_output.html
index a0072c1..a3927fe 100644
--- a/templates/_fsh_output.html
+++ b/templates/_fsh_output.html
@@ -37,7 +37,7 @@
 {% if fsh_output %}
 <div class="alert alert-success mt-4">Conversion successful!</div>
 <h3 class="mt-4">FSH Output</h3>
-<pre class="bg-light p-3">{{ fsh_output }}</pre>
+<pre class="p-3">{{ fsh_output }}</pre>
 <a href="{{ url_for('download_fsh') }}" class="btn btn-primary">Download FSH</a>
 {% if comparison_report %}
 <h3 class="mt-4">Fishing Trip Comparison Report</h3>
diff --git a/templates/base.html b/templates/base.html
index c490a1e..25b545b 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -799,6 +799,10 @@ html[data-theme="dark"] .structure-tree-root .list-group-item-warning {
                 sunIcon.classList.remove('d-none');
                 moonIcon.classList.add('d-none');
             }
+            if (typeof loadLottieAnimation === 'function') {
+                const newTheme = toggle.checked ? 'dark' : 'light';
+                loadLottieAnimation(newTheme);
+            }
             // Set cookie to persist theme
             document.cookie = `theme=${toggle.checked ? 'dark' : 'light'}; path=/; max-age=31536000`;
         }