diff --git a/styles/less/ui/settings/appearance-settings/diceSoNice.less b/styles/less/ui/settings/appearance-settings/diceSoNice.less
index ab87419b..13388703 100644
--- a/styles/less/ui/settings/appearance-settings/diceSoNice.less
+++ b/styles/less/ui/settings/appearance-settings/diceSoNice.less
@@ -23,7 +23,7 @@
     }
 
     .title-hint {
-        font-size: var(--font-size-12);
+        font-size: var(--font-size-14);
         font-variant: small-caps;
         text-align: center;
     }
@@ -45,6 +45,7 @@
         display: flex;
         flex-direction: column;
         gap: 10px;
+        margin-bottom: 4px;
     }
 
     .label-container {
diff --git a/templates/settings/appearance-settings/diceSoNice.hbs b/templates/settings/appearance-settings/diceSoNice.hbs
index 9b1c1e6a..877c6c0e 100644
--- a/templates/settings/appearance-settings/diceSoNice.hbs
+++ b/templates/settings/appearance-settings/diceSoNice.hbs
@@ -17,27 +17,27 @@
         </div>
     </section>
     {{#each dsnTabs as |dsnTab|}}
-      <section class="tab {{#if dsnTab.active}} active{{/if}}" data-group="{{dsnTab.group}}" data-tab="{{dsnTab.id}}">
-        {{#if dsnTab.diceTab}}
-          {{> "systems/daggerheart/templates/settings/appearance-settings/diceSoNiceTab.hbs" dsnTab }}
-        {{else}}
-          <div class="field-section">
-            {{#if ../isGM}}
-              <h3>{{localize "DAGGERHEART.SETTINGS.Menu.appearance.globalSettings"}}</h3>  
-              <div class="label-container">
-                  <label>{{localize "DAGGERHEART.SETTINGS.Menu.appearance.defaultAnimations"}}</label>
-                  <input type="checkbox" class="default-animations-input" {{checked ../globalOverrides.diceSoNice.sfx.overrideEnabled}} />
-              </div>
+        <section class="tab {{#if dsnTab.active}} active{{/if}}" data-group="{{dsnTab.group}}" data-tab="{{dsnTab.id}}">
+            {{#if dsnTab.diceTab}}
+                {{> "systems/daggerheart/templates/settings/appearance-settings/diceSoNiceTab.hbs" dsnTab }}
+            {{else}}
+                <div class="field-section">
+                    {{#if ../isGM}}
+                        <h3>{{localize "DAGGERHEART.SETTINGS.Menu.appearance.globalSettings"}}</h3>  
+                        <div class="form-group">
+                            <label for="dsn-overrideEnabled">{{localize "DAGGERHEART.SETTINGS.Menu.appearance.defaultAnimations"}}</label>
+                            <input id="dsn-overrideEnabled" type="checkbox" class="default-animations-input" {{checked ../globalOverrides.diceSoNice.sfx.overrideEnabled}} />
+                        </div>
+                    {{/if}}
+                    <h3>{{localize "DAGGERHEART.SETTINGS.Menu.appearance.globalAnimations"}}</h3>  
+                    <div class="form-group"> 
+                        <label>{{localize "DAGGERHEART.CONFIG.DaggerheartDiceAnimationEvents.critical.name"}}</label>
+                        <div class="form-fields">
+                            {{formInput ../fields.diceSoNice.fields.sfx.fields.critical.fields.class value=../setting.diceSoNice.sfx.critical.class blank="" localize=true}}
+                        </div>       
+                    </div>
+                </div>
             {{/if}}
-            <h3>{{localize "DAGGERHEART.SETTINGS.Menu.appearance.globalAnimations"}}</h3>  
-            <div class="split-section"> 
-              <div class="label-container full-width">
-                <label>{{localize "DAGGERHEART.CONFIG.DaggerheartDiceAnimationEvents.critical.name"}}</label>
-                {{formInput ../fields.diceSoNice.fields.sfx.fields.critical.fields.class value=../setting.diceSoNice.sfx.critical.class blank="" localize=true}}
-              </div>
-            </div>  
-          </div>
-        {{/if}}
-      </section>
+        </section>
     {{/each}}
 </section>
\ No newline at end of file