diff --git a/src/assets/css/components/common/sidebar.scss b/src/assets/css/components/common/sidebar.scss
index c456daf..08fe6e5 100644
--- a/src/assets/css/components/common/sidebar.scss
+++ b/src/assets/css/components/common/sidebar.scss
@@ -152,6 +152,10 @@
                   padding: 8px 16px;
                   transition: all 0.2s;
 
+                  .text {
+                    width: unset;
+                  }
+
                   &.active {
                     color: constants.$origin-color;
                     background-color: constants.$main-color;
diff --git a/src/components/common/Sidebar/Item.tsx b/src/components/common/Sidebar/Item.tsx
index 74ebfa0..f488368 100644
--- a/src/components/common/Sidebar/Item.tsx
+++ b/src/components/common/Sidebar/Item.tsx
@@ -12,8 +12,8 @@ type ItemProps = {
 }
 
 const Item = (props: ItemProps) => {
-    const [submenuTop, setSubmenuTop] = useState(0)
-    const [submenuLeft, setSubmenuLeft] = useState(0)
+    const [submenuTop, setSubmenuTop] = useState(Number.MAX_VALUE)
+    const [submenuLeft, setSubmenuLeft] = useState(Number.MAX_VALUE)
 
     const showSubmenu = (e: MouseEvent) => {
         const parentElement = e.currentTarget.parentElement