diff --git a/src/renderer/src/Routes.tsx b/src/renderer/src/Routes.tsx
index 80c83048f5..7990d4b7c8 100644
--- a/src/renderer/src/Routes.tsx
+++ b/src/renderer/src/Routes.tsx
@@ -91,6 +91,9 @@ const PageContainer = styled(motion.div)`
   z-index: 10;
   will-change: transform;
   backface-visibility: hidden;
+  transform-style: preserve-3d;
+  perspective: 1000px;
+  -webkit-font-smoothing: subpixel-antialiased;
 `
 
 const pageTransition = {
diff --git a/src/renderer/src/pages/home/MainSidebar/MainSidebar.tsx b/src/renderer/src/pages/home/MainSidebar/MainSidebar.tsx
index 385c84c16e..7e45693e42 100644
--- a/src/renderer/src/pages/home/MainSidebar/MainSidebar.tsx
+++ b/src/renderer/src/pages/home/MainSidebar/MainSidebar.tsx
@@ -94,8 +94,8 @@ const MainSidebar: FC = () => {
     ]
     return () => unsubscribe.forEach((unsubscribe) => unsubscribe())
   }, [
-    activeAssistant.id,
-    activeTopic.assistantId,
+    activeAssistant?.id,
+    activeTopic?.assistantId,
     clickAssistantToShowTopic,
     isAppMenuExpanded,
     showAssistants,
diff --git a/src/renderer/src/pages/home/MainSidebar/MainSidebarStyles.tsx b/src/renderer/src/pages/home/MainSidebar/MainSidebarStyles.tsx
index b10d95a3de..c042770a59 100644
--- a/src/renderer/src/pages/home/MainSidebar/MainSidebarStyles.tsx
+++ b/src/renderer/src/pages/home/MainSidebar/MainSidebarStyles.tsx
@@ -53,7 +53,6 @@ export const Container = styled.div<{ transparent?: boolean }>`
   max-width: var(--assistants-width);
   border-right: 0.5px solid var(--color-border);
   height: 100vh;
-  background-color: ${({ transparent }) => (transparent ? 'transparent' : 'var(--color-background)')};
 `
 
 export const MainMenu = styled.div`