diff --git a/packages/renderer/src/hooks/index.ts b/packages/renderer/src/hooks/index.ts
index 4e8fc4a92..177735d6a 100644
--- a/packages/renderer/src/hooks/index.ts
+++ b/packages/renderer/src/hooks/index.ts
@@ -1 +1,3 @@
 export * from './use-theme';
+export * from './use-is-mounted';
+export * from './use-should-pad-titlebar';
diff --git a/packages/renderer/src/hooks/use-is-mounted.ts b/packages/renderer/src/hooks/use-is-mounted.ts
new file mode 100644
index 000000000..7b3aafa40
--- /dev/null
+++ b/packages/renderer/src/hooks/use-is-mounted.ts
@@ -0,0 +1,11 @@
+import { useEffect, useState } from 'react';
+
+export const useIsMounted = () => {
+  const [isMounted, setIsMounted] = useState(false);
+
+  useEffect(() => {
+    setIsMounted(true);
+  }, []);
+
+  return isMounted;
+};
diff --git a/packages/renderer/src/hooks/use-should-pad-titlebar.tsx b/packages/renderer/src/hooks/use-should-pad-titlebar.tsx
new file mode 100644
index 000000000..1f306403f
--- /dev/null
+++ b/packages/renderer/src/hooks/use-should-pad-titlebar.tsx
@@ -0,0 +1,9 @@
+import { useSidebarRightExpanded } from '/@/store';
+import { useGeneralSettings } from '/@/store/settings.store';
+
+export const useShouldPadTitlebar = () => {
+  const isSidebarExpanded = useSidebarRightExpanded();
+  const { sideQueueType } = useGeneralSettings();
+
+  return !(isSidebarExpanded && sideQueueType === 'sideQueue');
+};