diff --git a/apps/builder/app/builder/features/style-panel/sections/effects/effects.tsx b/apps/builder/app/builder/features/style-panel/sections/effects/effects.tsx
index f4658aee11..1f1e5c3c3e 100644
--- a/apps/builder/app/builder/features/style-panel/sections/effects/effects.tsx
+++ b/apps/builder/app/builder/features/style-panel/sections/effects/effects.tsx
@@ -27,19 +27,6 @@ export const EffectsSection = ({
           gridTemplateColumns: `1fr ${theme.spacing[22]}`,
         }}
       >
-        <PropertyName
-          label={styleConfigByName("cursor").label}
-          properties={["cursor"]}
-          style={style}
-          onReset={() => deleteProperty("cursor")}
-        />
-        <SelectControl
-          property={"cursor"}
-          currentStyle={style}
-          setProperty={setProperty}
-          deleteProperty={deleteProperty}
-        />
-
         <PropertyName
           label={styleConfigByName("opacity").label}
           properties={["opacity"]}
@@ -52,6 +39,54 @@ export const EffectsSection = ({
           setProperty={setProperty}
           deleteProperty={deleteProperty}
         />
+        <PropertyName
+          label={"Blend Mode"}
+          properties={["mixBlendMode"]}
+          style={style}
+          onReset={() => deleteProperty("mixBlendMode")}
+        />
+        <SelectControl
+          property={"mixBlendMode"}
+          currentStyle={style}
+          setProperty={setProperty}
+          deleteProperty={deleteProperty}
+        />
+        <PropertyName
+          label={styleConfigByName("cursor").label}
+          properties={["cursor"]}
+          style={style}
+          onReset={() => deleteProperty("cursor")}
+        />
+        <SelectControl
+          property={"cursor"}
+          currentStyle={style}
+          setProperty={setProperty}
+          deleteProperty={deleteProperty}
+        />
+        <PropertyName
+          label={styleConfigByName("pointerEvents").label}
+          properties={["pointerEvents"]}
+          style={style}
+          onReset={() => deleteProperty("pointerEvents")}
+        />
+        <SelectControl
+          property={"pointerEvents"}
+          currentStyle={style}
+          setProperty={setProperty}
+          deleteProperty={deleteProperty}
+        />
+        <PropertyName
+          label={styleConfigByName("userSelect").label}
+          properties={["userSelect"]}
+          style={style}
+          onReset={() => deleteProperty("userSelect")}
+        />
+        <SelectControl
+          property={"userSelect"}
+          currentStyle={style}
+          setProperty={setProperty}
+          deleteProperty={deleteProperty}
+        />
       </Grid>
     </CollapsibleSection>
   );