diff --git a/modules/blox-bootstrap/layouts/partials/blocks/skills.html b/modules/blox-bootstrap/layouts/partials/blocks/skills.html
index 918da1f1..8bd345d8 100644
--- a/modules/blox-bootstrap/layouts/partials/blocks/skills.html
+++ b/modules/blox-bootstrap/layouts/partials/blocks/skills.html
@@ -59,9 +59,11 @@
         {{ .name | markdownify | emojify }}
         {{ with .description }}<p class="skills-description">{{ . | markdownify | emojify }}</p>{{ end }}
       </span>
+      {{ if .percent }}
       <div class="skills-wrapper" {{with $color_border}}{{ (printf "style=\"border-color: %s\"" .) | safeHTMLAttr }}{{end}}>
         <div class="skills-percent" style="width: {{ (printf "%s" (cast.ToString (.percent | default 100))) | safeCSS }}%; {{with $color}}{{ (printf "background-color: %s" .) | safeCSS }}{{end}}"></div>
       </div>
+      {{ end }}
     </div>
   {{ end }}
 </div>
diff --git a/modules/blox-tailwind/layouts/partials/blox/resume-skills.html b/modules/blox-tailwind/layouts/partials/blox/resume-skills.html
index 805bbe5d..9572e97e 100644
--- a/modules/blox-tailwind/layouts/partials/blox/resume-skills.html
+++ b/modules/blox-tailwind/layouts/partials/blox/resume-skills.html
@@ -52,9 +52,11 @@
         {{ .name | markdownify | emojify }}
         {{ with .description }}<p class="skills-description">{{ . | markdownify | emojify }}</p>{{ end }}
       </span>
+      {{ if .percent }}
       <div class="skills-wrapper" {{with $color_border}}{{ (printf "style=\"border-color: %s\"" .) | safeHTMLAttr }}{{end}}>
         <div class="skills-percent" style="width: {{ (printf "%s" (cast.ToString (.percent | default 100))) | safeCSS }}%; {{with $color}}{{ (printf "background-color: %s" .) | safeCSS }}{{end}}"></div>
       </div>
+      {{ end }}
     </div>
     {{ end }}
   </div>