diff --git a/styles/actors.css b/styles/actors.css
index 46296c6..1a86394 100644
--- a/styles/actors.css
+++ b/styles/actors.css
@@ -188,6 +188,7 @@
 }
 
 .sheet-tabs {
+    min-height: 36px;
 }
 
 .relation-list li:not(:last-child) {
diff --git a/templates/parts/actor/ht-skills.html b/templates/parts/actor/ht-skills.html
index 792334b..429b53a 100644
--- a/templates/parts/actor/ht-skills.html
+++ b/templates/parts/actor/ht-skills.html
@@ -6,7 +6,7 @@
                 {{#each actor.skills as |skill key|}}
                 {{#if skill.hasAdventure}}
                 <li class="item flexrow" data-item-id="{{skill._id}}">
-                    <div class="item-name roll-skill" style="flex-grow: 8;">{{skill.name}}</div>
+                    <div class="item-name roll-skill rollable" style="flex-grow: 8;">{{skill.name}}</div>
                     <div class="item-value" style="flex: none;"><input class="skill-value" type="number" value="{{skill.data.value}}" min="0" data-item-id="{{skill._id}}" data-dtype="Number" /></div>
                     <div style="align-self: flex-end">
                         <a style="margin: auto;" class="click-skill {{#if skill.data.used}}active{{/if}}" data-item-id="{{skill._id}}">
@@ -26,7 +26,7 @@
                 {{#each actor.skills as |skill key|}}
                 {{#if skill.hasCombat}}
                 <li class="item flexrow" data-item-id="{{skill._id}}">
-                    <div class="item-name roll-skill" style="flex-grow: 8;">{{skill.name}}</div>
+                    <div class="item-name roll-skill rollable" style="flex-grow: 8;">{{skill.name}}</div>
                     <div class="item-value" style="flex: none;"><input class="skill-value" type="number" value="{{skill.data.value}}" min="0" data-item-id="{{skill._id}}" data-dtype="Number" /></div>
                     <div style="align-self: flex-end">
                         <a style="margin: auto;" class="click-skill {{#if skill.data.used}}active{{/if}}" data-item-id="{{skill._id}}">
diff --git a/templates/parts/actor/skills.html b/templates/parts/actor/skills.html
index cb08d38..b9228e2 100644
--- a/templates/parts/actor/skills.html
+++ b/templates/parts/actor/skills.html
@@ -6,7 +6,7 @@
                 {{#each actor.skills as |skill key|}}
                 {{#if skill.hasBase}}
                 <li class="item flexrow" data-item-id="{{skill._id}}">
-                    <div class="item-name roll-skill" style="flex-grow: 8;">{{skill.name}}</div>
+                    <div class="item-name roll-skill rollable" style="flex-grow: 8;">{{skill.name}}</div>
                     <div class="item-value" style="flex: none;"><input class="skill-value" type="number" value="{{skill.data.value}}" min="0" data-item-id="{{skill._id}}" data-dtype="Number" /></div>
                     <div style="align-self: flex-end">
                         <a style="margin: auto;" class="click-skill {{#if skill.data.used}}active{{/if}}" data-item-id="{{skill._id}}">
@@ -26,7 +26,7 @@
                 {{#each actor.skills as |skill key|}}
                 {{#if skill.hasAdventure}}
                 <li class="item flexrow" data-item-id="{{skill._id}}">
-                    <div class="item-name roll-skill" style="flex-grow: 8;">{{skill.name}}</div>
+                    <div class="item-name roll-skill rollable" style="flex-grow: 8;">{{skill.name}}</div>
                     <div class="item-value" style="flex: none;"><input class="skill-value" type="number" value="{{skill.data.value}}" min="0" data-item-id="{{skill._id}}" data-dtype="Number" /></div>
                     <div style="align-self: flex-end">
                         <a style="margin: auto;" class="click-skill {{#if skill.data.used}}active{{/if}}" data-item-id="{{skill._id}}">
@@ -46,7 +46,7 @@
                 {{#each actor.skills as |skill key|}}
                 {{#if skill.hasCombat}}
                 <li class="item flexrow" data-item-id="{{skill._id}}">
-                    <div class="item-name roll-skill" style="flex-grow: 8;">{{skill.name}}</div>
+                    <div class="item-name roll-skill rollable" style="flex-grow: 8;">{{skill.name}}</div>
                     <div class="item-value" style="flex: none;"><input class="skill-value" type="number" value="{{skill.data.value}}" min="0" data-item-id="{{skill._id}}" data-dtype="Number" /></div>
                     <div style="align-self: flex-end">
                         <a style="margin: auto;" class="click-skill {{#if skill.data.used}}active{{/if}}" data-item-id="{{skill._id}}">