diff --git a/src/static/js/configuration.js b/src/static/js/configuration.js
index 71f5e44..4c60d70 100644
--- a/src/static/js/configuration.js
+++ b/src/static/js/configuration.js
@@ -408,10 +408,28 @@ let peers = [];
                             <small><i class="bi bi-arrow-up-right"></i> ${roundN(peer.total_sent + total_s, 4)} GB</small>
                         </p>
                     </div>`;
-                let peer_key = '<div class="col-sm"><small class="text-muted" style="display: flex"><strong>PEER</strong><strong style="margin-left: auto!important; opacity: 0; transition: 0.2s ease-in-out" class="text-primary">CLICK TO COPY</strong></small> <h6><samp class="ml-auto key">' + peer.id + '</samp></h6></div>';
-                let peer_allowed_ip = '<div class="col-sm"><small class="text-muted"><strong>ALLOWED IP</strong></small><h6 style="text-transform: uppercase;">' + peer.allowed_ip + '</h6></div>';
-                let peer_latest_handshake = '<div class="col-sm"> <small class="text-muted"><strong>LATEST HANDSHAKE</strong></small> <h6 style="text-transform: uppercase;">' + peer.latest_handshake + '</h6> </div>';
-                let peer_endpoint = '<div class="col-sm"><small class="text-muted"><strong>END POINT</strong></small><h6 style="text-transform: uppercase;">' + peer.endpoint + '</h6></div>';
+                let peer_key = 
+                    `<div class="col-sm">
+                        <small class="text-muted" style="display: flex">
+                            <strong>PEER</strong><strong style="margin-left: auto!important; opacity: 0; transition: 0.2s ease-in-out" class="text-primary">CLICK TO COPY</strong>
+                        </small>
+                        <h6><samp class="ml-auto key">${peer.id}/samp></h6>
+                    </div>`;
+                let peer_allowed_ip = 
+                    `<div class="col-sm">
+                        <small class="text-muted"><strong>ALLOWED IP</strong></small>
+                        <h6 style="text-transform: uppercase;">${peer.allowed_ip}</h6>
+                    </div>`;
+                let peer_latest_handshake = 
+                    `<div class="col-sm">
+                        <small class="text-muted"><strong>LATEST HANDSHAKE</strong></small>
+                        <h6 style="text-transform: uppercase;">${peer.latest_handshake}</h6>
+                    </div>`;
+                let peer_endpoint = 
+                    `<div class="col-sm">
+                        <small class="text-muted"><strong>END POINT</strong></small>
+                        <h6 style="text-transform: uppercase;">${peer.endpoint}</h6>
+                    </div>`;
                 let peer_control = `
                     <div class="col-sm">
                         <hr>
diff --git a/src/templates/configuration.html b/src/templates/configuration.html
index 1f311c7..e8db51a 100644
--- a/src/templates/configuration.html
+++ b/src/templates/configuration.html
@@ -96,15 +96,15 @@
                 <hr>
                 <div class="button-div mb-3">
                     <div class="row">
-                        <div class="col-sm">
+                        <div class="col-md">
                             <div class="row">
-                                <div class="col-sm">
+                                <div class="col-md">
                                     <div class="form-group">
                                          <label for="search_peer_textbox"><small class="text-muted">Search Peers</small></label>
                                         <input type="text" class="form-control" id="search_peer_textbox" placeholder="Enter Peer's Name" value="">
                                     </div>
                                 </div>
-                                <div class="col-sm">
+                                <div class="col-md">
                                     <div class="form-group">
                                         <label for="sort_by_dropdown"><small class="text-muted">Sort Peers By</small></label>
                                         <select class="form-control" id="sort_by_dropdown">
@@ -115,11 +115,8 @@
                                     </div>
                                 </div>
                             </div>
-
-
-
                         </div>
-                        <div class="col-sm">
+                        <div class="col-md">
                             <div class="form-group">
                                 <label><small class="text-muted">Refresh Interval</small></label><br>
                                 <div class="btn-group interval-btn-group" role="group" style="width: 100%">
@@ -131,7 +128,7 @@
                                 </div>
                             </div>
                         </div>
-                        <div class="col-sm">
+                        <div class="col-md">
                             <div class="form-group">
                                 <label><small class="text-muted">Display Mode</small></label><br>
                                 <div class="btn-group display-btn-group" role="group" style="width: 100%">