diff --git a/web/src/app/admin/bots/[bot-id]/channels/SlackChannelConfigFormFields.tsx b/web/src/app/admin/bots/[bot-id]/channels/SlackChannelConfigFormFields.tsx
index 04a2236d5c9a..3ca22584e685 100644
--- a/web/src/app/admin/bots/[bot-id]/channels/SlackChannelConfigFormFields.tsx
+++ b/web/src/app/admin/bots/[bot-id]/channels/SlackChannelConfigFormFields.tsx
@@ -230,6 +230,7 @@ export function SlackChannelConfigFormFields({
               <CheckFormField
                 name="disabled"
                 label="Disable Default Configuration"
+                labelClassName="text-neutral-900"
               />
               <p className="mt-2 text-sm text-neutral-600 italic">
                 Warning: Disabling the default configuration means the bot
@@ -565,7 +566,7 @@ export function SlackChannelConfigFormFields({
 
         <AccordionItem className="mt-4" value="general-options">
           <AccordionTrigger>General Configuration</AccordionTrigger>
-          <AccordionContent>
+          <AccordionContent className="overflow-visible">
             <div className="space-y-4">
               <CheckFormField
                 name="show_continue_in_web_ui"
diff --git a/web/src/components/ui/CheckField.tsx b/web/src/components/ui/CheckField.tsx
index ca21bb68837d..886db242cb17 100644
--- a/web/src/components/ui/CheckField.tsx
+++ b/web/src/components/ui/CheckField.tsx
@@ -15,6 +15,7 @@ import {
 interface CheckFieldProps {
   name: string;
   label: string;
+  labelClassName?: string;
   sublabel?: string;
   size?: "sm" | "md" | "lg";
   tooltip?: string;
@@ -28,6 +29,7 @@ export const CheckFormField: React.FC<CheckFieldProps> = ({
   sublabel,
   size = "md",
   tooltip,
+  labelClassName,
   ...props
 }) => {
   const [field, , helpers] = useField<boolean>({ name, type: "checkbox" });
@@ -74,7 +76,12 @@ export const CheckFormField: React.FC<CheckFieldProps> = ({
           className="flex flex-col cursor-pointer"
           onClick={handleClick}
         >
-          <span className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70">
+          <span
+            className={cn(
+              "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+              labelClassName
+            )}
+          >
             {label}
           </span>
           {sublabel && (
diff --git a/web/src/components/ui/radio-group.tsx b/web/src/components/ui/radio-group.tsx
index 5aac65d13202..d650e8e15cfc 100644
--- a/web/src/components/ui/radio-group.tsx
+++ b/web/src/components/ui/radio-group.tsx
@@ -28,7 +28,7 @@ const RadioGroupItem = React.forwardRef<
     <RadioGroupPrimitive.Item
       ref={ref}
       className={cn(
-        "aspect-square h-3.5 w-3.5 rounded-full border border-background-200 border-background-900 text-neutral-900 ring-offset-white focus:outline-none focus-visible:ring-2 focus-visible:ring-neutral-950 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 dark:border-background-800 dark:border-background-50 dark:text-neutral-50 dark:ring-offset-neutral-950 dark:focus-visible:ring-neutral-300",
+        "aspect-square h-3.5 w-3.5 rounded-full border border-background-900 text-neutral-900 ring-offset-white focus:outline-none focus-visible:ring-2 focus-visible:ring-neutral-950 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 dark:border-background-800 dark:text-neutral-50 dark:ring-offset-neutral-950 dark:focus-visible:ring-neutral-300",
         className
       )}
       {...props}