diff --git a/src/views/Editor/Toolbar/ElementStylePanel/ShapeStylePanel.vue b/src/views/Editor/Toolbar/ElementStylePanel/ShapeStylePanel.vue
index 11b25b40..f7e94b1d 100644
--- a/src/views/Editor/Toolbar/ElementStylePanel/ShapeStylePanel.vue
+++ b/src/views/Editor/Toolbar/ElementStylePanel/ShapeStylePanel.vue
@@ -93,6 +93,7 @@
     <template v-if="handleShapeElement.text?.content">
       <InputGroup compact class="row">
         <Select
+          class="font-select"
           style="flex: 3;"
           :value="richTextAttrs.fontname"
           @change="value => emitRichTextCommand('fontname', value as string)"
@@ -407,6 +408,9 @@ const emitRichTextCommand = (command: string, value?: string) => {
   align-items: center;
   margin-bottom: 10px;
 }
+.font-select {
+  max-width: 50%;
+}
 .font-size-btn {
   padding: 0;
 }
diff --git a/src/views/Editor/Toolbar/ElementStylePanel/TextStylePanel.vue b/src/views/Editor/Toolbar/ElementStylePanel/TextStylePanel.vue
index f8eabe22..7ec1b3a2 100644
--- a/src/views/Editor/Toolbar/ElementStylePanel/TextStylePanel.vue
+++ b/src/views/Editor/Toolbar/ElementStylePanel/TextStylePanel.vue
@@ -14,6 +14,7 @@
     
     <InputGroup compact class="row">
       <Select
+        class="font-select"
         style="flex: 3;"
         :value="richTextAttrs.fontname"
         @change="value => emitRichTextCommand('fontname', value as string)"
@@ -560,6 +561,9 @@ const updateLink = (link?: string) => {
     margin-top: -1px;
   }
 }
+.font-select {
+  max-width: 50%;
+}
 .font-size-btn {
   padding: 0;
 }