diff --git a/index.html b/index.html
index 05cfd54..45ddaca 100644
--- a/index.html
+++ b/index.html
@@ -13,6 +13,8 @@
       crossorigin="anonymous"
     />
     <link rel="stylesheet" href="style.css" />
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+<script src="https://kit.fontawesome.com/01fdb7c99c.js" crossorigin="anonymous"></script>
   </head>
 
 <!--modal section-->
@@ -36,7 +38,7 @@ <h5 class="modal-title" id="staticBackdropLabel">Performace of Your Sort</h5>
 
 <nav class="navbar bg-dark fixed-top">
   <div class="container-fluid">
-    <a class="navbar-brand text-light" href="#">Sorting Visualizer</a>
+    <a class="navbar-brand text-light header-font" href="#">Sorting Visualizer </a>
     <button class="navbar-toggler bg-light" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasNavbar" aria-controls="offcanvasNavbar">
       <span class="navbar-toggler-icon"></span>
     </button>
@@ -48,7 +50,7 @@ <h5 class="offcanvas-title" id="offcanvasNavbarLabel">Sorting Options</h5>
       <div class="offcanvas-body">
         <ul class="navbar-nav justify-content-end flex-grow-1 pe-3">
           <li class="nav-item">
-              <button type="button" id="newArray" class="mg-lg-3 btn btn-outline-success btn-dark newArray">Array Generator</button>
+              <button type="button" id="newArray" class="mg-lg-3 btn btn-outline-success btn-dark newArray">Randomise Array  <i class="fa-solid fa-dice"></i> </button>
           </li>
           <div class="p-lg-3 input">
             <span id="size" class="m-lg-2" ><span class="p-lg-2">Size</span><input  id="arr_sz" type="range" min="5" max="100" step=1  value=60></span>