diff --git a/frontend/src/components/NavBar.tsx b/frontend/src/components/NavBar.tsx
index 576c62e..d1e3c6c 100644
--- a/frontend/src/components/NavBar.tsx
+++ b/frontend/src/components/NavBar.tsx
@@ -2,7 +2,7 @@ import React, { useCallback, useRef, useState } from "react";
 import { Link } from "react-router-dom";
 import { User } from "../api/entities/user";
 import { useAuth } from "../hooks/use-auth";
-import { useOutsideClick } from "../hooks/useOutsideClick";
+import { useOutsideClick } from "../hooks/use-outside-click";
 import { CogwheelIcon } from "../icons/Cogwheel";
 import { SpotifyLogo } from "../icons/Spotify";
 
diff --git a/frontend/src/hooks/useOutsideClick.tsx b/frontend/src/hooks/use-outside-click.tsx
similarity index 100%
rename from frontend/src/hooks/useOutsideClick.tsx
rename to frontend/src/hooks/use-outside-click.tsx