diff --git a/chat_web_front/src/components/ReadingCreate.vue b/chat_web_front/src/components/ReadingCreate.vue
index ed89db3..9af880a 100644
--- a/chat_web_front/src/components/ReadingCreate.vue
+++ b/chat_web_front/src/components/ReadingCreate.vue
@@ -444,7 +444,7 @@ const handleStop = async () => {
 }
 
 .background-color {
-  width: 490px;
+  width: 100%;
   height: 30px;
   margin-left: 20px;
   background: linear-gradient(360deg, #C0D4FD 0%, rgba(199, 219, 255, 0) 100%);
@@ -456,7 +456,7 @@ const handleStop = async () => {
 .tool-bar {
   display: flex;
   justify-content: space-between;
-  width: 505px;
+  width: calc(100% - 15px);
   padding-top: 30px;
   height: 65px;
   position:absolute;
@@ -509,7 +509,7 @@ const handleStop = async () => {
 }
 
 .text-box {
-  //width: 490px;
+  //width: 100%;
   height: 190px;
   background: #FFFFFF;
   border-radius: 8px;
diff --git a/chat_web_front/src/components/Translate.vue b/chat_web_front/src/components/Translate.vue
index 6ef0712..b63c0b9 100644
--- a/chat_web_front/src/components/Translate.vue
+++ b/chat_web_front/src/components/Translate.vue
@@ -179,7 +179,7 @@ onMounted(async () => {
     margin-top: 12px;
     font-weight: 400;
     font-size: 14px;
-    margin-left:271px;
+    justify-content: flex-end;
     color: #858a94;
     .operateItem {
       cursor: pointer;