diff --git a/src/components/Panels/VerilogEditorPanel/VerilogTerminal.vue b/src/components/Panels/VerilogEditorPanel/VerilogTerminal.vue
index 8e1e7819d..bc852d3b1 100644
--- a/src/components/Panels/VerilogEditorPanel/VerilogTerminal.vue
+++ b/src/components/Panels/VerilogEditorPanel/VerilogTerminal.vue
@@ -9,6 +9,16 @@
                 <i class="fas fa-terminal"></i>
                 <span>Verilog Output</span>
             </div>
+        <button
+        class="terminal-toggle-btn"
+        @mousedown.stop
+        @click.stop="verilogStore.hideTerminal()"
+        aria-label="Hide Verilog Output Terminal"
+        title="Hide Terminal"
+        >
+        ✕
+        </button>
+
         </div>
 
         <div class="terminal-content" ref="terminalContent">
@@ -50,11 +60,13 @@ let startY = 0
 // Watch store visibility to trigger side effects
 watch(
     () => verilogStore.isTerminalVisible,
-    () => {
+    async () => {
+        await nextTick()
         adjustCodeWindowHeight()
     }
 )
 
+
 const adjustCodeWindowHeight = () => {
     const codeWindow = document.getElementById('code-window')
     const codeMirror = codeWindow?.querySelector('.CodeMirror')
@@ -324,4 +336,20 @@ onUnmounted(() => {
 :global(.code-window .CodeMirror-gutters) {
     min-width: auto !important;
 }
+
+.terminal-toggle-btn {
+    background: transparent;
+    border: none;
+    color: var(--text-lite, #ffffff);
+    font-size: 16px;
+    cursor: pointer;
+    padding: 4px 8px;
+    opacity: 0.7;
+}
+
+.terminal-toggle-btn:hover {
+    opacity: 1;
+    color: #ff6b6b;
+}
+
 </style>