diff --git a/src/layouts/index.html b/src/layouts/index.html
index 5c09eab..c747a40 100644
--- a/src/layouts/index.html
+++ b/src/layouts/index.html
@@ -20,7 +20,11 @@
     <div class="row">
       <div class="col">
         <div class="terminal flex">
-          <div class="terminal-bar dark-gray-bg"></div>
+          <div class="terminal-bar dark-gray-bg flex-start p-1 ps-3">
+            <div class="traffic-light"></div>
+            <div class="traffic-light"></div>
+            <div class="traffic-light"></div>
+          </div>
             <div class="p-5">
               <p class="teal lead">
                 node --eval 'console.log("Hello World!")'<br>command not found: node<br><br>
@@ -40,6 +44,14 @@
 
 <style>
 
+  .traffic-light{
+    height: 16px;
+    width: 16px;
+    border: 1px solid gray;
+    border-radius: 100px;
+    display: inline-block;
+  }
+
   .terminal{
     height: 37.667vw;
     width: 58.594vw;