diff --git a/components/atoms/ToggleOption/toggle-option.tsx b/components/atoms/ToggleOption/toggle-option.tsx
index a643eea883..652a2dd18c 100644
--- a/components/atoms/ToggleOption/toggle-option.tsx
+++ b/components/atoms/ToggleOption/toggle-option.tsx
@@ -14,7 +14,7 @@ const ToggleOption = ({ optionText, withIcon, checked, handleToggle }: ToogleOpt
       className="inline-flex cursor-pointer items-center gap-2 rounded-md px-2 py-0.5 border border-light-slate-6 bg-light-slate-1"
     >
       <ToggleSwitch handleToggle={handleToggle} name={optionText} checked={checked} />
-      <span className="text-light-slate-11">{optionText}</span>
+      <span className="font-medium text-sm text-light-slate-11">{optionText}</span>
       {withIcon && (
         <HiInformationCircle
           title="An outside contributor is not a member the organization"
diff --git a/components/molecules/DashboardScatterChart/dashboard-scatter-chart.tsx b/components/molecules/DashboardScatterChart/dashboard-scatter-chart.tsx
index 47f0b9d39f..1c853e6e36 100644
--- a/components/molecules/DashboardScatterChart/dashboard-scatter-chart.tsx
+++ b/components/molecules/DashboardScatterChart/dashboard-scatter-chart.tsx
@@ -35,9 +35,9 @@ const DashboardScatterChart: React.FC<DashboardScatterChartProps> = ({ title, op
   };
   return (
     <div>
-      <div className="flex justify-between">
-        <Title level={4}>{title}</Title>
-        <div className="flex flex-col md:flex-row gap-2 pr-10">
+      <div className="flex justify-between px-1">
+        <Title level={4} className="!text-sm !font-medium !text-light-slate-12">{title}</Title>
+        <div className="flex flex-col md:flex-row gap-2">
           <ToggleOption handleToggle={handleShowBots} checked={showBots} optionText="Show Bots"></ToggleOption>
           <ToggleOption
             handleToggle={handleShowMembers}