diff --git a/src/components/PublishPopup/index.less b/src/components/PublishPopup/index.less
index 2ea567e..b783408 100644
--- a/src/components/PublishPopup/index.less
+++ b/src/components/PublishPopup/index.less
@@ -1,6 +1,7 @@
 .publish-popup {
   padding: 32px 24px 0;
   background: #f7f8fa;
+  z-index: 9999;
   border-radius: 24px 24px 0 0;
 
   .popup-header {
diff --git a/src/components/PublishPopup/index.tsx b/src/components/PublishPopup/index.tsx
index 197a4d1..7cb4139 100644
--- a/src/components/PublishPopup/index.tsx
+++ b/src/components/PublishPopup/index.tsx
@@ -29,8 +29,10 @@ export default function PublishPopup({ visible, onClose, onSelect }: PublishPopu
       show={visible}
       position='bottom'
       round
+      rootPortal
       onClose={onClose}
       closeable
+      overlayStyle={{ backgroundColor: 'rgba(0,0,0,0.5)' }}
     >
       <View className='publish-popup'>
         <View className='popup-header'>
diff --git a/src/custom-tab-bar/index.less b/src/custom-tab-bar/index.less
index 061c45b..e8bd888 100644
--- a/src/custom-tab-bar/index.less
+++ b/src/custom-tab-bar/index.less
@@ -6,7 +6,6 @@
   display: flex;
   align-items: flex-start;
   justify-content: space-around;
-  height: 100px;
   background: rgba(255, 255, 255, 0.85);
   backdrop-filter: blur(20px);
   -webkit-backdrop-filter: blur(20px);