diff --git a/src/pages/editor/components/sidebar/settings/MaskSettings.tsx b/src/pages/editor/components/sidebar/settings/MaskSettings.tsx
index 50f5d01..05bab9d 100644
--- a/src/pages/editor/components/sidebar/settings/MaskSettings.tsx
+++ b/src/pages/editor/components/sidebar/settings/MaskSettings.tsx
@@ -1,4 +1,5 @@
 import { Switch } from "@/components/ui/switch";
+import { clx } from "@/helpers/utils";
 import { useEditorStore } from "@/pages/editor/store/editorStore";
 
 type MaskSettingsProps = {
@@ -53,7 +54,10 @@ const MaskSettings = ({ objectId }: MaskSettingsProps) => {
   };
 
   return (
-    <div className="p-4 border-b space-y-4">
+    <div className={clx(
+      "p-4 border-b space-y-4",
+      !canBeMask && "hidden"
+    )}>
       {/* Section 1: Convert shape to mask (only for shapes) */}
       {canBeMask && (
         <div>