diff --git a/src/components/Drawer.tsx b/src/components/Drawer.tsx
index ebeeccd..1b661b1 100644
--- a/src/components/Drawer.tsx
+++ b/src/components/Drawer.tsx
@@ -13,7 +13,7 @@ export default function Drawer({ children }: DrawerProps) {
         }}
         class="drawer-handle"
       >
-        {isOpen.value ? "Reference 🞃" : "Reference 🞁"}
+        {isOpen.value ? "Close Reference" : "Open Reference"}
       </button>
       {children}
     </div>
diff --git a/src/style.css b/src/style.css
index a553304..aa129e2 100644
--- a/src/style.css
+++ b/src/style.css
@@ -319,6 +319,7 @@ footer {
   left: 0;
   right: 0;
   transform: translateY(100%);
+  transition: transform ease 0.2s;
   display: flex;
   flex-direction: column;
   align-items: stretch;