diff --git a/framework/sdk-parent/frontend/src/components/module/ModulePublicButton.vue b/framework/sdk-parent/frontend/src/components/module/ModulePublicButton.vue
index b548a2a487..34584ba51a 100644
--- a/framework/sdk-parent/frontend/src/components/module/ModulePublicButton.vue
+++ b/framework/sdk-parent/frontend/src/components/module/ModulePublicButton.vue
@@ -2,8 +2,9 @@
   <div class="recycle" v-if="this.isXpack" @click="exe">
     <div style="padding: 9px 13px 9px 13px;" class="to-public">
       <svg-icon icon-class="icon_folder-share" style="width: 1.3em;height: 1.3em;position: relative;top: 2px;left: 1px;margin-right: 9px;"/>
-      <span style="margin-right: 12px;">{{ $t('project.case_public') }}</span>
+      <span style="margin-right: 12px;" class="to-public-content">{{ $t('project.case_public') }}</span>
       <span style="color: #8F959E">{{ '(' + publicTotal + ')' }}</span>
+      <svg-icon icon-class="icon_arrow-right_outlined_1" class-name="enter-public" style="float: right;display: none;position: relative;top: 4px;left: 128px;width: 1.1em;height: 1.1em;"/>
     </div>
   </div>
 </template>
@@ -69,14 +70,26 @@ export default {
   flex-grow: 0;
 }
 
+.to-public-content {
+  margin-left: 5px;
+}
+
 .to-public {
   width: auto;
   border-radius: 4px;
-  display: flex;
   overflow-x: hidden;
+  display: flex;
 }
 
 .to-public:hover {
   background: rgba(31, 35, 41, 0.1);
 }
+
+.to-public:hover .enter-public{
+  display: block!important;
+}
+
+.to-public:hover .to-public-content{
+  margin-left: -10.5px;
+}
 </style>