diff --git a/packages/editor/src/hooks/use-float-box.ts b/packages/editor/src/hooks/use-float-box.ts
index f65e7047..07e20242 100644
--- a/packages/editor/src/hooks/use-float-box.ts
+++ b/packages/editor/src/hooks/use-float-box.ts
@@ -1,12 +1,14 @@
 import { computed, ComputedRef, ref, watch } from 'vue';
 
+interface State {
+  status: boolean;
+  top: number;
+  left: number;
+}
+
 export const useFloatBox = (slideKeys: ComputedRef<string[]>) => {
   const floatBoxStates = ref<{
-    [key in (typeof slideKeys.value)[number]]: {
-      status: boolean;
-      top: number;
-      left: number;
-    };
+    [key in (typeof slideKeys.value)[number]]: State;
   }>(
     slideKeys.value.reduce(
       (total, cur) => ({
diff --git a/packages/editor/src/theme/sidebar.scss b/packages/editor/src/theme/sidebar.scss
index 1d59d4ec..30c75a1d 100644
--- a/packages/editor/src/theme/sidebar.scss
+++ b/packages/editor/src/theme/sidebar.scss
@@ -72,7 +72,6 @@
 }
 
 .m-editor-slide-list-box {
-  display: flex;
   min-width: 270px;
   min-height: 500px;
   max-height: 1024px;
@@ -80,9 +79,5 @@
     &:first-child {
       width: 100%;
     }
-    &:nth-of-type(2) {
-      width: 100%;
-      flex: 1;
-    }
   }
 }