diff --git a/styles/less/global/elements.less b/styles/less/global/elements.less
index 7f8cdd94..7506aecb 100755
--- a/styles/less/global/elements.less
+++ b/styles/less/global/elements.less
@@ -571,6 +571,16 @@
                 white-space: nowrap;
             }
         }
+
+        .button-container {
+            display: grid;
+            grid-template-columns: 1fr;
+            gap: 10px;
+            text-align: center;
+	    display: flex;
+	    justify-content: center;
+	    width: 100%
+        }
     }
 
     footer {
diff --git a/templates/settings/appearance-settings.hbs b/templates/settings/appearance-settings.hbs
index 37f08e96..ab30eefd 100644
--- a/templates/settings/appearance-settings.hbs
+++ b/templates/settings/appearance-settings.hbs
@@ -69,7 +69,7 @@
                             {{selectOptions diceSoNiceMaterials selected=diceTab.source.material valueAttr="key" labelAttr="name" localize=true}}
                         </select>
                     </div>
-                     <div class="label-container">
+                    <div class="button-container">
                         <button data-action="preview">
                             <i class="fa-solid fa-dice"></i>
                             <span>{{localize "Preview"}}</span>