diff --git a/horreum-web/src/domain/user/UserSettings.tsx b/horreum-web/src/domain/user/UserSettings.tsx
index 01be11213..6d0c8a8f1 100644
--- a/horreum-web/src/domain/user/UserSettings.tsx
+++ b/horreum-web/src/domain/user/UserSettings.tsx
@@ -23,7 +23,6 @@ import {
     PageSection,
     Spinner,
     EmptyStateHeader,
-    Tab,
 } from "@patternfly/react-core"
 
 import { UserIcon } from "@patternfly/react-icons"
@@ -35,6 +34,7 @@ import ManagedTeams from "./ManagedTeams"
 import {AppContext} from "../../context/appContext";
 import {AppContextType} from "../../context/@types/appContextTypes";
 import ApiKeys from "./ApiKeys";
+import {FragmentTab} from "../../components/FragmentTabs";
 
 export const UserProfileLink = () => {
     const profile = useSelector(userProfileSelector)
@@ -210,9 +210,9 @@ export function UserSettings() {
                                 </EmptyState>
                             )}
                         </SavedTab>
-                        <Tab title="API keys" eventKey="api-keys">
+                        <FragmentTab title="API keys" fragment="api-keys">
                             <ApiKeys/>
-                        </Tab>
+                        </FragmentTab>
                         {managedTeams.length > 0 ? (
                             <SavedTab
                                 title="Managed teams"