From 4f3e732891a548698130f44488958b7df8793899 Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Sun, 8 Jan 2023 02:01:12 -0800
Subject: [PATCH] Fix positioning of page header

---
 src/renderer/components/page-header/index.tsx                 | 1 +
 .../features/shared/components/library-header-bar.tsx         | 4 ----
 2 files changed, 1 insertion(+), 4 deletions(-)

diff --git a/src/renderer/components/page-header/index.tsx b/src/renderer/components/page-header/index.tsx
index decda542..1ea2e2ec 100644
--- a/src/renderer/components/page-header/index.tsx
+++ b/src/renderer/components/page-header/index.tsx
@@ -65,6 +65,7 @@ export interface PageHeaderProps
 }
 
 const TitleWrapper = styled(motion.div)`
+  position: absolute;
   width: 100%;
   height: 100%;
 `;
diff --git a/src/renderer/features/shared/components/library-header-bar.tsx b/src/renderer/features/shared/components/library-header-bar.tsx
index cf7e73ec..9f0b0304 100644
--- a/src/renderer/features/shared/components/library-header-bar.tsx
+++ b/src/renderer/features/shared/components/library-header-bar.tsx
@@ -2,21 +2,17 @@ import { ReactNode } from 'react';
 import { Group } from '@mantine/core';
 import { TextTitle } from '/@/renderer/components';
 import { PlayButton as PlayBtn } from '/@/renderer/features/shared/components/play-button';
-import { useShouldPadTitlebar } from '/@/renderer/hooks';
 
 interface LibraryHeaderBarProps {
   children: ReactNode;
 }
 
 export const LibraryHeaderBar = ({ children }: LibraryHeaderBarProps) => {
-  const padRight = useShouldPadTitlebar();
-
   return (
     <Group
       noWrap
       align="center"
       h="100%"
-      mr={padRight ? '170px' : 0}
       px="1rem"
       spacing="xl"
     >