Fixing folder borders in Obsidian file tree

You might have seen those annoying borders around items in Obsidian file tree:

Obsidian applies this effect to an item in the folder tree on right mouse click (context menu action). Due to some reason, the effect is never removed until you restart the app.

To disable the visual effect, create a simple CSS snippet (or download one here):

  1. Go to Obsidian Vault/.obsidian/snippets folder. (You can do it from Obsidian: In Obsidian, go to Settings -> Appearance -> scroll down to CSS snippets section -> click on the folder icon).
  2. Create a new style file (file extension is css) with an arbitrary name, for example, folder_border_fix.css
  3. Put the following content into the file:
    .tree-item-self.has-active-menu{
    box-shadow: none;
    }
  4. Save the file.
  5. In Obsidian, go to Settings -> Appearance -> scroll down to CSS snippets section -> click Reload snippets and you should see the file you just created. Click the toggle to enable snippet and it should resolve the issue.