diff --git a/src/context/browserSteps.tsx b/src/context/browserSteps.tsx
index cd414dae..26a6b8c0 100644
--- a/src/context/browserSteps.tsx
+++ b/src/context/browserSteps.tsx
@@ -1,53 +1,53 @@
 import React, { createContext, useContext, useState } from 'react';
 
 interface BrowserStep {
-  id: number;
-  label: string;
-  value: string;
+    id: number;
+    label: string;
+    value: string;
 }
 
 interface BrowserStepsContextType {
-  browserSteps: BrowserStep[];
-  addBrowserStep: (label: string, value: string) => void;
-  deleteBrowserStep: (id: number) => void;
-  updateBrowserStepLabel: (id: number, newLabel: string) => void;
+    browserSteps: BrowserStep[];
+    addBrowserStep: (label: string, value: string) => void;
+    deleteBrowserStep: (id: number) => void;
+    updateBrowserStepLabel: (id: number, newLabel: string) => void;
 }
 
 const BrowserStepsContext = createContext<BrowserStepsContextType | undefined>(undefined);
 
 export const BrowserStepsProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {
-  const [browserSteps, setBrowserSteps] = useState<BrowserStep[]>([]);
+    const [browserSteps, setBrowserSteps] = useState<BrowserStep[]>([]);
 
-  const addBrowserStep = (label: string, value: string) => {
-    setBrowserSteps(prevSteps => [
-      ...prevSteps,
-      { id: Date.now(), label, value }
-    ]);
-  };
+    const addBrowserStep = (label: string, value: string) => {
+        setBrowserSteps(prevSteps => [
+            ...prevSteps,
+            { id: Date.now(), label, value }
+        ]);
+    };
 
-  const deleteBrowserStep = (id: number) => {
-    setBrowserSteps(prevSteps => prevSteps.filter(step => step.id !== id));
-  };
+    const deleteBrowserStep = (id: number) => {
+        setBrowserSteps(prevSteps => prevSteps.filter(step => step.id !== id));
+    };
 
-  const updateBrowserStepLabel = (id: number, newLabel: string) => {
-    setBrowserSteps(prevSteps =>
-      prevSteps.map(step =>
-        step.id === id ? { ...step, label: newLabel } : step
-      )
+    const updateBrowserStepLabel = (id: number, newLabel: string) => {
+        setBrowserSteps(prevSteps =>
+            prevSteps.map(step =>
+                step.id === id ? { ...step, label: newLabel } : step
+            )
+        );
+    };
+
+    return (
+        <BrowserStepsContext.Provider value={{ browserSteps, addBrowserStep, deleteBrowserStep, updateBrowserStepLabel }}>
+            {children}
+        </BrowserStepsContext.Provider>
     );
-  };
-
-  return (
-    <BrowserStepsContext.Provider value={{ browserSteps, addBrowserStep, deleteBrowserStep, updateBrowserStepLabel }}>
-      {children}
-    </BrowserStepsContext.Provider>
-  );
 };
 
 export const useBrowserSteps = () => {
-  const context = useContext(BrowserStepsContext);
-  if (!context) {
-    throw new Error('useBrowserSteps must be used within a BrowserStepsProvider');
-  }
-  return context;
+    const context = useContext(BrowserStepsContext);
+    if (!context) {
+        throw new Error('useBrowserSteps must be used within a BrowserStepsProvider');
+    }
+    return context;
 };