diff --git a/assets/icons/copy.svg b/assets/icons/copy.svg
new file mode 100644
index 0000000..7c68a51
--- /dev/null
+++ b/assets/icons/copy.svg
@@ -0,0 +1 @@
+<svg height="512pt" viewBox="-40 0 512 512" width="512pt" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><linearGradient id="a" gradientUnits="userSpaceOnUse" x1="0" x2="431" y1="256" y2="256"><stop offset="0" stop-color="#87f1fc"/><stop offset=".2557" stop-color="#7fd4fb"/><stop offset=".5295" stop-color="#78bcfb"/><stop offset=".7844" stop-color="#74aefa"/><stop offset="1" stop-color="#73a9fa"/></linearGradient><path d="m271 512h-191c-44.113281 0-80-35.886719-80-80v-271c0-44.113281 35.886719-80 80-80h191c44.113281 0 80 35.886719 80 80v271c0 44.113281-35.886719 80-80 80zm-191-391c-22.054688 0-40 17.945312-40 40v271c0 22.054688 17.945312 40 40 40h191c22.054688 0 40-17.945312 40-40v-271c0-22.054688-17.945312-40-40-40zm351 261v-302c0-44.113281-35.886719-80-80-80h-222c-11.046875 0-20 8.953125-20 20s8.953125 20 20 20h222c22.054688 0 40 17.945312 40 40v302c0 11.046875 8.953125 20 20 20s20-8.953125 20-20zm0 0" fill="url(#a)"/></svg>
\ No newline at end of file
diff --git a/panel/panel.js b/panel/panel.js
index 6d06714..31c8020 100644
--- a/panel/panel.js
+++ b/panel/panel.js
@@ -43,6 +43,14 @@ chrome.runtime.onMessage.addListener((req, rec, res) => {
       }
       return true;
     case "anchor":
+      document.getElementById("xpbadge").attributes.getNamedItem('data-badge').value = 0;
+      jQuery("#addXPath").empty();
+      let ui = `<div class="empty">
+        <p class="empty-title h5">Please select any element to get XPath/CSS</p>
+        <p class="empty-subtitle">more new patterns coming soon :)</p>
+        <p class="empty-subtitle">Did you know LetXPath is an open-source, if you found something wrong fix it :)</p>
+        </div>`;
+      jQuery("#addXPath").append(ui);
       generateAxes(req);
       return true;
     case "axes":
@@ -99,6 +107,7 @@ function generateAxes(req) {
     <p class="chip bg-success">Parent Element</p>
     ${sourceElement(req.data.src)}
   </div>
+  <div class="divider-vert" data-content="Axes"></div>
   <div class="column col-xs-6">
     <p class="chip bg-success">Child Element</p>
     ${targetElement(req.data.dst)}
@@ -154,10 +163,10 @@ function targetElement(element) {
 function buildUI(data) {
   jQuery("#addXPath").empty();
   if (data.webtabledetails != null) {
-    let table = `<div class="form-horizontal bg-secondary">
+    let table = `<div class="form-horizontal bg-gray">
     <span class="label label-rounded sm">Table Info - Total no.of table ${data.webtabledetails.totalTables}</span>
     <div class="form-group">
-      <div class="col-8">
+      <div class="col-11">
         <code class="form-label" id="tablelocator">${data.webtabledetails.tableLocator}</code>
       </div>
       <div class="col-1 p-centered text-center">
@@ -167,7 +176,7 @@ function buildUI(data) {
       </div>
     </div>
     <div class="form-group">
-      <div class="col-8">
+      <div class="col-11">
         <code class="form-label" id="tabledata">${data.webtabledetails.tableData}</code>
       </div>
       <div class="col-1 p-centered text-center">
diff --git a/panelconfig.js b/panelconfig.js
index 5c87b6f..3f620b7 100644
--- a/panelconfig.js
+++ b/panelconfig.js
@@ -71,6 +71,7 @@ $(document).ready(function () {
             copyToClipBoard(range, from);
         } catch (error) { }
     })
+    // click to copy axes xpath
     $('body').on('click', '#anxp', (e) => {
         try {
             let t = e.target;
@@ -81,6 +82,17 @@ $(document).ready(function () {
             copyToClipBoard(range, from);
         } catch (error) { }
     })
+    // click to copy table values
+    $('body').on('click', '.btn.btn-link.btn-sm', (e) => {
+        try {
+            let t = e.target;
+            let c = t.dataset.copytarget;
+            c = c.replace("#", "");
+            var from = document.getElementById(c);
+            var range = document.createRange();
+            copyToClipBoard(range, from);
+        } catch (error) { }
+    })
 });
 function copyToClipBoard(range, node) {
     try {