diff --git a/packages/client/src/components/panels/UserSessionsPanel/UserSessionsPanel.tsx b/packages/client/src/components/panels/UserSessionsPanel/UserSessionsPanel.tsx
index 4442a3a8b1..45f80f9a45 100644
--- a/packages/client/src/components/panels/UserSessionsPanel/UserSessionsPanel.tsx
+++ b/packages/client/src/components/panels/UserSessionsPanel/UserSessionsPanel.tsx
@@ -27,11 +27,10 @@
import { useRef } from "react";
import { useTranslation } from "react-i18next";
import { observer, inject } from "mobx-react";
-import styled, { css } from "styled-components";
+import styled from "styled-components";
import { Backdrop } from "@docspace/shared/components/backdrop";
import { Aside } from "@docspace/shared/components/aside";
-import { Heading } from "@docspace/shared/components/heading";
import { Scrollbar } from "@docspace/shared/components/scrollbar";
import AllSessionsBlock from "./AllSessionsBlock";
import LastSessionBlock from "./LastSessionBlock";
@@ -41,29 +40,11 @@ import { UserSessionsPanelProps } from "./UserSessionsPanel.types";
const StyledSessionsPanel = styled.div`
.user-sessions-panel {
.scroll-body {
- ${(props) =>
- props.theme.interfaceDirection === "rtl"
- ? css`
- padding-left: 0px !important;
- `
- : css`
- padding-right: 0px !important;
- `}
+ padding-inline-end: 0px !important;
}
}
`;
-const StyledHeaderContent = styled.div`
- padding: 0px 16px;
- border-bottom: ${(props) => props.theme.filesPanels.sharing.borderBottom};
-
- .user-sessions-panel-heading {
- font-weight: 700;
- font-size: 21px;
- margin: 12px 0px;
- }
-`;
-
const StyledScrollbar = styled(Scrollbar)`
position: relative;
padding: 16px 0;
@@ -86,13 +67,9 @@ export const UserSessionsPanel = (props: UserSessionsPanelProps) => {
className="user-sessions-panel"
visible={visible}
onClose={onClose}
+ withoutHeader={false}
+ header={t("Profile:ActiveSessions")}
>
-
-
- {t("Profile:ActiveSessions")}
-
-
-