diff --git a/src/pages/backends/community/add-community-modal.tsx b/src/pages/backends/community/add-community-modal.tsx
index 73991997..61b5a051 100644
--- a/src/pages/backends/community/add-community-modal.tsx
+++ b/src/pages/backends/community/add-community-modal.tsx
@@ -71,7 +71,13 @@ const AddCommunityModal: React.FC<{
               onEnable={handleOnEnable}
             ></CommunityBackends>
           </ColumnWrapper>
-          <Separator showArrow={false}></Separator>
+          <Separator
+            styles={{
+              arrow: {
+                top: 8
+              }
+            }}
+          ></Separator>
         </div>
         <ColumnWrapper
           maxHeight={'calc(100vh - 90px)'}
diff --git a/src/pages/llmodels/components/separator.tsx b/src/pages/llmodels/components/separator.tsx
index 28b53edc..41cfb373 100644
--- a/src/pages/llmodels/components/separator.tsx
+++ b/src/pages/llmodels/components/separator.tsx
@@ -2,14 +2,19 @@ import { Divider } from 'antd';
 import React from 'react';
 import '../style/separator.less';
 
-const Separator: React.FC<{ showArrow?: boolean }> = ({ showArrow = true }) => {
+const Separator: React.FC<{
+  showArrow?: boolean;
+  styles: {
+    arrow?: React.CSSProperties;
+  };
+}> = ({ showArrow = true, styles }) => {
   return (
     <div className="separator">
       <Divider
         orientation="vertical"
         style={{ height: 'calc(100vh - 89px)', marginInline: '0px' }}
       ></Divider>
-      {showArrow && <span className="shape"></span>}
+      {showArrow && <span className="shape" style={styles.arrow}></span>}
     </div>
   );
 };