diff --git a/frontend/src/pages/ContactsList.tsx b/frontend/src/pages/ContactsList.tsx
index e7cde90..3ebeaa5 100644
--- a/frontend/src/pages/ContactsList.tsx
+++ b/frontend/src/pages/ContactsList.tsx
@@ -392,10 +392,10 @@ export function ContactsListPage() {
         >
           <div className="flex flex-col h-full overflow-y-auto">
             {/* Accordion 1: Custom Views */}
-            <div className="border-b border-secondary-200">
+            <div className="p-0.5">
               <button
                 onClick={() => setViewsOpen(!viewsOpen)}
-                className="w-full flex items-center justify-between px-3 py-2.5 rounded-md text-sm font-medium text-primary-700 bg-primary-50 hover:bg-primary-100 transition-colors"
+                className="w-full flex items-center justify-between px-3 py-2.5 rounded-md text-sm font-medium text-white bg-primary-600 hover:bg-primary-700 transition-colors"
               >
                 <span className="flex items-center gap-1.5">
                   <LayoutGrid className="w-3.5 h-3.5" strokeWidth={2} />
@@ -472,10 +472,10 @@ export function ContactsListPage() {
               )}
             </div>
             {/* Accordion 2: Folders */}
-            <div className="flex-1">
+            <div className="flex-1 p-0.5">
               <button
                 onClick={() => setFoldersOpen(!foldersOpen)}
-                className="w-full flex items-center justify-between px-3 py-2.5 rounded-md text-sm font-medium text-primary-700 bg-primary-50 hover:bg-primary-100 transition-colors"
+                className="w-full flex items-center justify-between px-3 py-2.5 rounded-md text-sm font-medium text-white bg-primary-600 hover:bg-primary-700 transition-colors"
               >
                 <span className="flex items-center gap-1.5">
                   <Bookmark className="w-3.5 h-3.5" strokeWidth={2} />