diff --git a/app/components/FilesEditor/ContextMenu/container.tsx b/app/components/FilesEditor/ContextMenu/container.tsx
index e2613d9..191bf6f 100644
--- a/app/components/FilesEditor/ContextMenu/container.tsx
+++ b/app/components/FilesEditor/ContextMenu/container.tsx
@@ -23,10 +23,11 @@ const ContextMenuContainer: FC<ContextMenuProps> = ({
       <div
         ref={contextMenuRef}
         onClick={closeContextMenu}
-        className="bg-primary text-white p-2 rounded-md cursor-pointer"
+        className="bg-secondary text-secondary-content p-2 rounded-md cursor-pointer"
         style={{ position: "absolute", top: y, left: x }}
       >
         <div
+          className="hover:bg-primary-content hover:text-primary"
           onClick={() => {
             console.log("Option ", file?.attributes.name);
           }}
diff --git a/app/components/FilesEditor/index.tsx b/app/components/FilesEditor/index.tsx
index c08e1aa..a0fecc4 100644
--- a/app/components/FilesEditor/index.tsx
+++ b/app/components/FilesEditor/index.tsx
@@ -98,8 +98,7 @@ const Index = () => {
       )}
       {fileList.map((file: FileProps) => (
         <div
-          isfile={file.attributes.is_file.toString()}
-          className="flex justify-between gap-4 bg-slate-400 mb-1 hover:bg-slate-500 pl-4 pr-4 pt-1 pb-1 rounded-md"
+          className="flex justify-between gap-4 bg-content mb-1 hover:bg-neutral-content pl-4 pr-4 pt-1 pb-1 rounded-md"
           key={file.attributes.name}
         >
           <div className="w-10">