diff --git a/src/components/app/MessageTemplate.vue b/src/components/app/MessageTemplate.vue
index e1d39a6..e8296af 100644
--- a/src/components/app/MessageTemplate.vue
+++ b/src/components/app/MessageTemplate.vue
@@ -212,6 +212,7 @@ export default {
   margin-left: 0;
   margin-right: 0;
   transition: 1s;
+  overflow: hidden;
 }
 
 .image-content {
diff --git a/src/components/app/RightPanel.vue b/src/components/app/RightPanel.vue
index 71b3c3b..597e80d 100644
--- a/src/components/app/RightPanel.vue
+++ b/src/components/app/RightPanel.vue
@@ -128,7 +128,7 @@ export default {
       this.postTimerID = null;
       this.messageLength = 0;
 
-      const msg = shortcodeToEmoji(this.message);;
+      const msg = shortcodeToEmoji(this.message);
       const tempID = this.generateNum(25);
 
 
@@ -380,10 +380,12 @@ export default {
 
 .right-panel {
   height: 100%;
+  width: 100%;
   background-color: rgba(0, 0, 0, 0.507);
   flex: 1;
   display: flex;
   flex-direction: column;
+  overflow: hidden;
 }
 .message-logs {
   overflow: auto;