diff --git a/weave-js/src/components/PagePanelComponents/Home/Browse3/pages/CallsPage/ManageColumnsButton.tsx b/weave-js/src/components/PagePanelComponents/Home/Browse3/pages/CallsPage/ManageColumnsButton.tsx
index d9946c05d36..17b477fba1e 100644
--- a/weave-js/src/components/PagePanelComponents/Home/Browse3/pages/CallsPage/ManageColumnsButton.tsx
+++ b/weave-js/src/components/PagePanelComponents/Home/Browse3/pages/CallsPage/ManageColumnsButton.tsx
@@ -118,7 +118,7 @@ export const ManageColumnsButton = ({
           <div className="min-w-[360px] p-12">
             <DraggableHandle>
               <div className="flex items-center pb-8">
-                <div className="flex-auto text-xl font-semibold">
+                <div className="flex-auto text-xl font-semibold text-moon-700">
                   Manage columns
                 </div>
                 <div className="ml-16 text-moon-500">
@@ -167,7 +167,7 @@ export const ManageColumnsButton = ({
                       <label
                         htmlFor={idSwitch}
                         className={classNames(
-                          'ml-6',
+                          'ml-6 text-moon-800',
                           disabled ? '' : 'cursor-pointer'
                         )}>
                         {label}