diff --git a/src/renderer/src/assets/styles/index.scss b/src/renderer/src/assets/styles/index.scss
index 1e9865ec..53a81dba 100644
--- a/src/renderer/src/assets/styles/index.scss
+++ b/src/renderer/src/assets/styles/index.scss
@@ -31,7 +31,7 @@
   --color-text: var(--color-text-1);
   --color-icon: #ffffff99;
   --color-icon-white: #ffffff;
-  --color-border: #000;
+  --color-border: #ffffff28;
   --color-border-soft: #ffffff20;
   --color-error: #f44336;
   --color-link: #1677ff;
diff --git a/src/renderer/src/pages/home/RightSidebar.tsx b/src/renderer/src/pages/home/RightSidebar.tsx
index edc35d8b..5412bfdd 100644
--- a/src/renderer/src/pages/home/RightSidebar.tsx
+++ b/src/renderer/src/pages/home/RightSidebar.tsx
@@ -69,7 +69,7 @@ const RightSidebar: FC<Props> = ({ activeAssistant, activeTopic, setActiveAssist
   }, [position, showTab, tab, toggleShowTopics, topicPosition])
 
   return (
-    <Container style={{ ...border, width: topicPosition === 'left' ? '300px' : 'var(--assistants-width)' }}>
+    <Container style={{ ...border }}>
       {showTab && (
         <Segmented
           value={tab}
@@ -77,7 +77,7 @@ const RightSidebar: FC<Props> = ({ activeAssistant, activeTopic, setActiveAssist
           style={{
             borderRadius: 0,
             padding: '10px',
-            gap: 5,
+            gap: 3,
             borderBottom: '0.5px solid var(--color-border)'
           }}
           options={
@@ -111,7 +111,7 @@ const RightSidebar: FC<Props> = ({ activeAssistant, activeTopic, setActiveAssist
 const Container = styled.div`
   display: flex;
   flex-direction: column;
-  width: var(--topic-list-width);
+  width: var(--assistants-width);
   height: calc(100vh - var(--navbar-height));
   .collapsed {
     width: 0;