diff --git a/app/styles/base.css b/app/styles/base.css
index f26f77e0..9a3abcd5 100644
--- a/app/styles/base.css
+++ b/app/styles/base.css
@@ -1197,6 +1197,59 @@ a:visited {
  * Multi Display Arrangement
  * ----------------------------------------
  */
+#noVNC_connect_button {
+  background: rgba(0,0,0,0.7);
+  padding: 20px;
+  color: white;
+  font-size: 12px;
+  font-weight: 100;
+  display: flex;
+  align-items: center;
+  gap: 20px;
+  cursor: pointer;
+  border-radius: 8px;
+}
+#noVNC_connect_button .image {
+  color:#697ad6;
+  transition: all 0.3s;
+  position: relative;
+  overflow: hidden;
+}
+#noVNC_connect_button .text {
+  color: #ffffff91
+}
+#noVNC_connect_button .heading {
+  color: #fff;
+  font-size: 13px;
+  margin-bottom: 3px;
+}
+#noVNC_connect_button:hover .image {
+  color:#298453;
+  
+}
+#noVNC_connect_button:hover .go {
+  transition: all 0.3s;
+  transform: translateX(5px);
+}
+#noVNC_connect_button .power {
+  transition: all 0.3s;
+  color: white!important;
+  transform: translateY(50px);
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+#noVNC_connect_button:hover .power {
+  transform: translateY(0);
+}
+#noVNC_connect_button svg {
+  fill: currentColor;
+}
 #noVNC_identify_monitor {
   position: fixed;
   z-index: 999999;
diff --git a/screen.html b/screen.html
index 360ad94f..56bd6689 100644
--- a/screen.html
+++ b/screen.html
@@ -76,8 +76,22 @@
     <div class="noVNC_center">
         <div id="noVNC_connect_dlg">
             <div id="noVNC_connect_button">
-                <div>
-                    <img alt="" src="app/images/connect.svg"> Connect
+                <div class="image display">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="45"
+                        viewBox="0 0 576 512"><!--! Font Awesome Pro 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+                        <path
+                            d="M64 16C37.5 16 16 37.5 16 64V352c0 26.5 21.5 48 48 48H231.8h.3H343.9h.3H512c26.5 0 48-21.5 48-48V64c0-26.5-21.5-48-48-48H64zM222.6 416H64c-35.3 0-64-28.7-64-64V64C0 28.7 28.7 0 64 0H512c35.3 0 64 28.7 64 64V352c0 35.3-28.7 64-64 64H353.4l13.3 80H440c4.4 0 8 3.6 8 8s-3.6 8-8 8H360 216 136c-4.4 0-8-3.6-8-8s3.6-8 8-8h73.2l13.3-80zm16.2 0l-13.3 80H350.6l-13.3-80H238.8zM496 80H80l0 256H496V80zM80 64H496c8.8 0 16 7.2 16 16V336c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V80c0-8.8 7.2-16 16-16zm165.7 77.7L179.3 208l66.3 66.3c3.1 3.1 3.1 8.2 0 11.3s-8.2 3.1-11.3 0l-72-72c-3.1-3.1-3.1-8.2 0-11.3l72-72c3.1-3.1 8.2-3.1 11.3 0s3.1 8.2 0 11.3zm96-11.3l72 72c3.1 3.1 3.1 8.2 0 11.3l-72 72c-3.1 3.1-8.2 3.1-11.3 0s-3.1-8.2 0-11.3L396.7 208l-66.3-66.3c-3.1-3.1-3.1-8.2 0-11.3s8.2-3.1 11.3 0z" />
+                    </svg>
+                    <div class="power">
+                    <svg xmlns="http://www.w3.org/2000/svg" height="25px" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M272 16c0-8.8-7.2-16-16-16s-16 7.2-16 16V272c0 8.8 7.2 16 16 16s16-7.2 16-16V16zM164.3 78.2c7.8-4.1 10.9-13.7 6.9-21.6s-13.7-10.9-21.6-6.9C75 88.3 24 166.2 24 256c0 128.1 103.9 232 232 232s232-103.9 232-232c0-89.8-51-167.7-125.6-206.2c-7.8-4.1-17.5-1-21.6 6.9s-1 17.5 6.9 21.6C412.1 111.5 456 178.6 456 256c0 110.5-89.5 200-200 200S56 366.5 56 256c0-77.4 43.9-144.5 108.3-177.8z"/></svg>
+                    </div>
+                </div>
+                <div class="text">
+                    <div class="heading">Additional Display</div>
+                    <div>Click to connect this additional display</div>
+                </div>
+                <div class="image go">
+                    <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M443.3 267.3c6.2-6.2 6.2-16.4 0-22.6l-176-176c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6L393.4 240 16 240c-8.8 0-16 7.2-16 16s7.2 16 16 16l377.4 0L244.7 420.7c-6.2 6.2-6.2 16.4 0 22.6s16.4 6.2 22.6 0l176-176z"/></svg>
                 </div>
             </div>
         </div>