diff --git a/frontend/src/components/ui/LetterItem.tsx b/frontend/src/components/ui/LetterItem.tsx
index f2a73ea..1d0da63 100644
--- a/frontend/src/components/ui/LetterItem.tsx
+++ b/frontend/src/components/ui/LetterItem.tsx
@@ -25,12 +25,12 @@ export function LetterItem({
     <button
       type="button"
       onClick={handleNavigate}
-      className="p-[16px_28px_16px_16px] border-b border-base-content/3 flex items-start gap-4 hover:bg-base-300 transition-all duration-600 group text-left z-10 cursor-pointer w-9/12 mx-auto hover:scale-120 hover:h-24 hover:-translate-y-6 hover:pb-6 hover:pt-4 hover:z-0 hover:blr border-x-2"
+      className="p-4 border-base-content/3 flex items-start gap-4 hover:bg-base-300 transition-transform duration-100 group text-left cursor-pointer w-9/12 mx-auto hover:scale-120 hover:h-24 hover:-translate-y-3 hover:pb-4 hover:border-x-5 hover:border-t-5 border-t-2 hover:-mb-2"
     >
-      <div className="text-[0.85rem] italic text-base-content/40 flex-1 truncate group-hover:text-base-content/60">
+      <div className="text-[0.85rem] italic text-base-content/40 flex-1 truncate group-hover:text-base-content/60 transition-none">
         {preview}
       </div>
-      <div className="font-sans text-[0.6rem] text-base-content/20">
+      <div className="font-sans text-[0.6rem] text-base-content/20 transition-none">
         {timestamp}
       </div>
     </button>
diff --git a/frontend/src/hooks/useLetters.tsx b/frontend/src/hooks/useLetters.tsx
index 0f6bc9e..7b5b1d5 100644
--- a/frontend/src/hooks/useLetters.tsx
+++ b/frontend/src/hooks/useLetters.tsx
@@ -78,7 +78,7 @@ export function useLetters() {
     setLetters(
       letters.sort(
         (a, b) =>
-          new Date(a.updated_at).getTime() - new Date(b.updated_at).getTime(),
+          new Date(b.updated_at).getTime() - new Date(a.updated_at).getTime(),
       ),
     );
     return {
@@ -92,7 +92,6 @@ export function useLetters() {
   return {
     ...drawerItems,
     loading,
-    refreshLetters: () => setLoading(true),
     isAuthRequired,
   };
 }
diff --git a/frontend/vitest.config.ts b/frontend/vitest.config.ts
index 4b9fc24..0aa62f2 100644
--- a/frontend/vitest.config.ts
+++ b/frontend/vitest.config.ts
@@ -10,7 +10,7 @@ export default defineConfig({
       VITE_API_URL: "http://piku-server",
       TZ: "Asia/Kolkata",
     },
-    include: ["**/*.test.ts"],
+    include: ["**/*.test.ts", "**/*.test.tsx"],
     environment: "jsdom",
     globals: true,
     setupFiles: ["./test/setup.ts"],