diff --git a/index.html b/index.html
index 097de59..a64af87 100644
--- a/index.html
+++ b/index.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="en" data-theme="garden">
+<html lang="en" data-theme="emerald">
   <head>
     <meta charset="utf-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
diff --git a/src/components/HeaderNote.vue b/src/components/HeaderNote.vue
index 826b73f..4b1b07e 100644
--- a/src/components/HeaderNote.vue
+++ b/src/components/HeaderNote.vue
@@ -32,7 +32,10 @@ defineProps<{ user: string; repo: string }>()
       </svg>
     </router-link> -->
 
-    <button class="btn btn-ghost btn-circle text-base-content" onclick="font_modal.showModal()">
+    <button
+      class="btn btn-ghost btn-circle text-base-content"
+      onclick="font_modal.showModal()"
+    >
       <svg
         xmlns="http://www.w3.org/2000/svg"
         class="icon icon-tabler icons-tabler-outline icon-tabler-typography"
@@ -162,7 +165,7 @@ defineProps<{ user: string; repo: string }>()
   margin-top: 10px;
 
   button {
-    color: inherit;
+    color: var(--color-accent);
   }
 }
 </style>
diff --git a/src/components/StackedNote.vue b/src/components/StackedNote.vue
index 0e1a3b6..4503376 100644
--- a/src/components/StackedNote.vue
+++ b/src/components/StackedNote.vue
@@ -278,6 +278,7 @@ $border-color: rgba(18, 19, 58, 0.2);
     section {
       padding: 1rem 0 2rem;
       overflow-x: auto;
+      overflow-y: hidden;
     }
 
     .note-content {
diff --git a/src/components/StackedPublicNote.vue b/src/components/StackedPublicNote.vue
index 6cd4a01..58df6bc 100644
--- a/src/components/StackedPublicNote.vue
+++ b/src/components/StackedPublicNote.vue
@@ -180,6 +180,7 @@ $border-color: rgba(18, 19, 58, 0.2);
     section {
       padding: 1rem 0 2rem;
       overflow-x: auto;
+      overflow-y: hidden;
     }
 
     .note-content {
diff --git a/src/styles/app.css b/src/styles/app.css
index aabd692..a00a083 100644
--- a/src/styles/app.css
+++ b/src/styles/app.css
@@ -25,7 +25,7 @@
 
 @plugin 'daisyui' {
   themes:
-    garden --default,
+    emerald --default,
     forest --prefersdark;
 }
 
diff --git a/src/theme.config.ts b/src/theme.config.ts
index 87d5467..35b296a 100644
--- a/src/theme.config.ts
+++ b/src/theme.config.ts
@@ -2,6 +2,6 @@
 // Update these values to change the light and dark themes
 
 export const themeConfig = {
-  light: "garden",
+  light: 'emerald',
   dark: 'forest'
 }
