diff --git a/frontend/app/components/Dashboard/components/WidgetForm/WidgetFormNew.tsx b/frontend/app/components/Dashboard/components/WidgetForm/WidgetFormNew.tsx
index 039c2970a..2a3594a05 100644
--- a/frontend/app/components/Dashboard/components/WidgetForm/WidgetFormNew.tsx
+++ b/frontend/app/components/Dashboard/components/WidgetForm/WidgetFormNew.tsx
@@ -216,43 +216,46 @@ const PathAnalysisFilter = observer(({ metric, writeOption }: any) => {
   };
   return (
     <div className="rounded-lg bg-white border">
-      <div className='flex flex-col justify-start gap-2 flex-wrap'>
-      <Form.Item className='mb-0 hover:bg-bg-blue/30 px-4 pb-1 pt-2'>
-        <div className="flex flex-wrap gap-2 items-center justify-start">
-          <span className="font-medium">{t('Journeys With')}</span>
-          <div className="flex gap-2 items-center">
-            <Select
-              className="w-36 rounded-lg"
-              name="startType"
-              options={[
-                { value: 'start', label: 'Start Point' },
-                { value: 'end', label: 'End Point' },
-              ]}
-              defaultValue={metric.startType || 'start'}
-              onChange={onPointChange}
-              placeholder="Select Start Type"
-            />
+      <div className="flex flex-col justify-start gap-2 flex-wrap">
+        <Form.Item className="mb-0 hover:bg-bg-blue/30 px-4 pb-1 pt-2">
+          <div className="flex flex-wrap gap-2 items-center justify-start">
+            <span className="font-medium">{t('Journeys With')}</span>
+            <div className="flex gap-2 items-center">
+              <Select
+                className="w-36 rounded-lg"
+                name="startType"
+                options={[
+                  { value: 'start', label: t('Start Point') },
+                  { value: 'end', label: t('End Point') },
+                ]}
+                defaultValue={metric.startType || 'start'}
+                onChange={onPointChange}
+                placeholder={t('Select Start Type')}
+              />
 
               <span className="">{t('showing')}</span>
 
-            <Select
-              mode="multiple"
-              className="rounded-lg w-max	min-w-44 max-w-58"
-              allowClear
-              name="metricValue"
-              options={metricValueOptions}
-              value={metric.metricValue || []}
-              onChange={(value) => writeOption({ name: 'metricValue', value })}
-              placeholder={t('Select Metrics')}
-              maxTagCount={'responsive'}
-              showSearch={false}
-            />
+              <Select
+                mode="multiple"
+                className="rounded-lg w-max	min-w-44 max-w-58"
+                allowClear
+                name="metricValue"
+                options={metricValueOptions}
+                value={metric.metricValue || []}
+                onChange={(value) =>
+                  writeOption({ name: 'metricValue', value })
+                }
+                placeholder={t('Select Metrics')}
+                maxTagCount={'responsive'}
+                showSearch={false}
+              />
+            </div>
           </div>
         </Form.Item>
         <Form.Item className="mb-0 hover:bg-bg-blue/30 px-4  pb-2 pt-1">
           <div className="flex flex-wrap items-center justify-start">
             <span className="font-medium mr-2">
-              {metric.startType === 'start' ? 'Start Point' : 'End Point'}
+              {metric.startType === 'start' ? t('Start Point') : t('End Point')}
             </span>
             <span className="font-normal">
               <FilterItem
@@ -318,7 +321,7 @@ const AdditionalFilters = observer(() => {
   );
 });
 
-function PredefinedMessage() {
+const PredefinedMessage = () => {
   const { t } = useTranslation();
   return (
     <Alert
@@ -329,4 +332,4 @@ function PredefinedMessage() {
       className="border-transparent rounded-lg"
     />
   );
-}
+};
diff --git a/frontend/app/components/ui/Checkbox/Checkbox.tsx b/frontend/app/components/ui/Checkbox/Checkbox.tsx
index 8984ce6c6..ff1739b17 100644
--- a/frontend/app/components/ui/Checkbox/Checkbox.tsx
+++ b/frontend/app/components/ui/Checkbox/Checkbox.tsx
@@ -10,11 +10,3 @@ export default function (props: Props) {
   const { className = '', label = '', ...rest } = props;
   return <AntCheckbox {...rest}>{label}</AntCheckbox>;
 }
-export default (props: Props) => {
-    const { className = '', label, ...rest } = props;
-    return (
-      <AntCheckbox {...rest}>
-          {label}
-      </AntCheckbox>
-    );
-};