diff --git a/client/components/Parts/Tooltips/FileMenu.tsx b/client/components/Parts/Tooltips/FileMenu.tsx
new file mode 100644
index 000000000..ed596103f
--- /dev/null
+++ b/client/components/Parts/Tooltips/FileMenu.tsx
@@ -0,0 +1,17 @@
+import { styled } from '@mui/material/styles'
+import Tooltip, { TooltipProps, tooltipClasses } from '@mui/material/Tooltip'
+
+export default styled(({ className, ...props }: TooltipProps) => (
+
+))(({ theme }) => ({
+ [`& .${tooltipClasses.tooltip}`]: {
+ backgroundColor: theme.palette.OKFNBlue.main,
+ color: theme.palette.common.black,
+ boxShadow: theme.shadows[1],
+ fontSize: 16,
+ maxWidth: 500
+ },
+ [`& .${tooltipClasses.arrow}`]: {
+ color: theme.palette.common.black,
+ },
+}))
diff --git a/client/components/Parts/Trees/File.tsx b/client/components/Parts/Trees/File.tsx
index 1c392d9d2..67d589802 100644
--- a/client/components/Parts/Trees/File.tsx
+++ b/client/components/Parts/Trees/File.tsx
@@ -10,6 +10,7 @@ import * as types from '../../../types'
import { useTheme } from '@mui/material/styles'
import openFolderIcon from '../../../assets/open_folder_icon.svg'
import closedFolderIcon from '../../../assets/closed_folder_icon.svg'
+import FileMenuTooltip from '../Tooltips/FileMenu'
export interface FileTreeProps {
files: types.IFile[]
@@ -135,24 +136,26 @@ function TreeItemIcon(props: { nodeId: string; item: types.IFileTreeItem }) {
// const fontWeight = props.item.type === 'package' ? 'bold' : 'normal'
return (
-
- {" "}
- {props.item.label}
-
+
+
+ {" "}
+ {props.item.label}
+
+
)
}