diff --git a/src/components/Folder/index.tsx b/src/components/Folder/index.tsx
index 6805b81..b53e2ce 100644
--- a/src/components/Folder/index.tsx
+++ b/src/components/Folder/index.tsx
@@ -122,7 +122,15 @@ const Folder = ({
return `${folder.name}\n${filesCountInfo}${PUNCTUATION_COPY.comma[language]}${foldersCountInfo}`;
};
- const folderLevel = isRoot ? 0 : folder.path.split("/").length - 1;
+ const getIndentStyle = () => {
+ if (disableHoverIndent) return undefined;
+ const folderLevel = isRoot ? 0 : folder.path.split("/").length - 1;
+ return {
+ marginInlineStart: -17 * folderLevel,
+ paddingInlineStart: 24 + 17 * folderLevel,
+ };
+ };
+
return (
setFocusedFolder(folder)}
- style={
- disableHoverIndent
- ? undefined
- : {
- marginInlineStart: -17 * folderLevel,
- paddingInlineStart: 24 + 17 * folderLevel,
- }
- }
+ style={getIndentStyle()}
data-tooltip-position="right"
aria-label={getAriaLabel()}
>
diff --git a/src/components/Tag/index.tsx b/src/components/Tag/index.tsx
index d95d77c..b6a89be 100644
--- a/src/components/Tag/index.tsx
+++ b/src/components/Tag/index.tsx
@@ -57,7 +57,15 @@ const Tag = ({
return `${tag.name}\n${filesCountInfo}${PUNCTUATION_COPY.comma[language]}${tagsCountInfo}`;
};
- const tagLevel = tag.fullPath.split("/").length - 1;
+ const getIndentStyle = () => {
+ if (disableHoverIndent) return undefined;
+ const tagLevel = tag.fullPath.split("/").length - 1;
+ return {
+ marginInlineStart: -17 * tagLevel,
+ paddingInlineStart: 24 + 17 * tagLevel,
+ };
+ };
+
return (
setFocusedTag(tag)}
data-tooltip-position="right"
aria-label={getAriaLabel()}