diff --git a/src/main/resources/com/aventstack/extentreports/offline/spark/css/spark-style.css b/src/main/resources/com/aventstack/extentreports/offline/spark/css/spark-style.css
index 4f8234d..f1a6806 100644
--- a/src/main/resources/com/aventstack/extentreports/offline/spark/css/spark-style.css
+++ b/src/main/resources/com/aventstack/extentreports/offline/spark/css/spark-style.css
@@ -357,14 +357,15 @@ textarea {
 }
 .node {
     display: inline-block;
-    padding: 1rem;
+    padding: .75rem;
     font-weight: 500;
     max-width: 85%;
     font-size: 14px;
 }
 .node-attr {
-    padding: 1rem;
-    margin-top: -1rem;
+    padding: .75rem;
+    margin-top: -.5rem;
+    padding-left: .7rem;
     padding-top: 0;
 } 
 .node-attr > .badge { 
diff --git a/src/main/resources/com/aventstack/extentreports/templates/spark/macros/attributes.ftl b/src/main/resources/com/aventstack/extentreports/templates/spark/macros/attributes.ftl
index 5dfec8c..0184e3b 100644
--- a/src/main/resources/com/aventstack/extentreports/templates/spark/macros/attributes.ftl
+++ b/src/main/resources/com/aventstack/extentreports/templates/spark/macros/attributes.ftl
@@ -2,17 +2,17 @@
 <#compress>
   <#if test.hasAuthor()>
     <#list test.authorSet as author>
-      <span class="badge badge-pill badge-default"><i class='fa fa-user'></i> ${author.name}</span>
+      <span class="badge badge-pill badge-default">${author.name}</span>
     </#list>
   </#if>
   <#if test.hasCategory()>
     <#list test.categorySet as category>
-      <span class="badge badge-pill badge-default"> ${category.name}</span>
+      <span class="badge badge-pill badge-default">${category.name}</span>
     </#list>
   </#if>
   <#if test.hasDevice()>
     <#list test.deviceSet as device>
-      <span class="badge badge-pill badge-default"> ${device.name}</span>
+      <span class="badge badge-pill badge-default">${device.name}</span>
     </#list>
   </#if>
 </#compress>
diff --git a/src/main/resources/com/aventstack/extentreports/templates/spark/macros/recurse_nodes.ftl b/src/main/resources/com/aventstack/extentreports/templates/spark/macros/recurse_nodes.ftl
index 5254a51..e001e08 100644
--- a/src/main/resources/com/aventstack/extentreports/templates/spark/macros/recurse_nodes.ftl
+++ b/src/main/resources/com/aventstack/extentreports/templates/spark/macros/recurse_nodes.ftl
@@ -12,7 +12,7 @@
               <span class='badge badge-default'>${node.timeTaken()?number_to_time?string("mm:ss:SSS")}</span>
             </div>
             <div class="node-attr">
-                <#if node.hasAttributes()><div></div><@attributes test=node /></#if>
+                <#if node.hasAttributes()><@attributes test=node /></#if>
             </div>
             <#if TestService.testHasScreenCapture(node, true)>
               <div class="status-avatar float-right"><i class="fa fa-paperclip"></i></div>
diff --git a/src/main/resources/com/aventstack/extentreports/templates/spark/partials/head.ftl b/src/main/resources/com/aventstack/extentreports/templates/spark/partials/head.ftl
index 9e30884..a545276 100644
--- a/src/main/resources/com/aventstack/extentreports/templates/spark/partials/head.ftl
+++ b/src/main/resources/com/aventstack/extentreports/templates/spark/partials/head.ftl
@@ -2,7 +2,7 @@
 <#assign 
   resourceCDN=config.resourceCDN
   cdnURI="cdn.jsdelivr.net/gh/extent-framework/extent-github-cdn@" 
-  csscommit="eb732e43b25c9ee287dc48acc4ed79a858c77392"
+  csscommit="2e935e09166bdbddceec9d151ed3369d6ba40966"
   jscommit="5cf22a596531402644b8523470526952516f345f" 
   iconcommit="b00a2d0486596e73dd7326beacf352c639623a0e">
 <#if resourceCDN=="extentreports">