diff --git a/src/components/chat/ChatHistoryPanel.tsx b/src/components/chat/ChatHistoryPanel.tsx
index e56710c..f6404e8 100644
--- a/src/components/chat/ChatHistoryPanel.tsx
+++ b/src/components/chat/ChatHistoryPanel.tsx
@@ -178,7 +178,7 @@ function ChatHistoryPanel({
                     {bucket.sessions.length ? (
                       <button
                         type="button"
-                        className="flex w-full items-center justify-between rounded-lg border border-[#e5edf7] px-4 py-4 text-left transition-colors dark:border-[#2f3136] dark:bg-[#202024]"
+                        className="flex w-full items-center justify-between rounded-lg border border-[#e5edf7] p-2 text-left transition-colors dark:border-[#2f3136] dark:bg-[#202024]"
                         aria-expanded={!isCollapsed}
                         onClick={() => {
                           setMenuState(null);
@@ -213,7 +213,7 @@ function ChatHistoryPanel({
                                 <button
                                   type="button"
                                   className={cx(
-                                    'flex w-full items-center gap-2 rounded-lg px-3 py-3 pr-11 text-left text-[12px] transition-all',
+                                    'flex w-full items-center gap-2 rounded-lg px-2 py-2 pr-11 text-left text-[12px] transition-all',
                                     isActive
                                       ? 'text-[#111827] shadow-[0_4px_14px_rgba(15,23,42,0.06)] dark:text-gray-50'
                                       : 'border border-transparent text-[#5b6472] hover:border-[#e5edf7] hover:bg-white hover:text-[#111827] hover:shadow-[0_4px_14px_rgba(15,23,42,0.05)] dark:text-gray-400 dark:hover:border-[#2a2a2d] dark:hover:bg-[#202024] dark:hover:text-gray-100',