diff --git a/assets/css/_partials/_archive/_tags.scss b/assets/css/_partials/_archive/_tags.scss
index 0348584df..fc8707b5f 100644
--- a/assets/css/_partials/_archive/_tags.scss
+++ b/assets/css/_partials/_archive/_tags.scss
@@ -42,6 +42,7 @@
   .tag-cloud-#{$grade} {
     color: $tag-cloud-color!important;
     font-size: var(--tag-font);
+    margin: 10px!important;
 
     &:active,
     &:hover {
diff --git a/layouts/taxonomy/terms.html b/layouts/taxonomy/terms.html
index def86f40d..20d01cda1 100644
--- a/layouts/taxonomy/terms.html
+++ b/layouts/taxonomy/terms.html
@@ -48,7 +48,7 @@ <h3 class="card-item-title">
     {{- /* Tag Cloud Page */ -}}
     {{- else if eq $taxonomies "tags" -}}
       {{- $tagCloud := .Site.Params.tagcloud -}}
-      <div class="tag-cloud-tags">
+      <div class="tag-cloud-tags{{ with $tagCloud.enable }} text-center{{ end }}">
         {{- if $tagCloud.enable -}}
           {{- $tags := cond (eq $tagCloud.orderby "name") $.Site.Taxonomies.tags.Alphabetical $.Site.Taxonomies.tags.ByCount -}}
           {{- $baseGrade := div ($tagCloud.peekCount | default 10) 10.0 -}}