diff --git a/app/imports/ui/properties/components/attributes/HitDiceListTile.vue b/app/imports/ui/properties/components/attributes/HitDiceListTile.vue
index 1de4216a..3800bf2a 100644
--- a/app/imports/ui/properties/components/attributes/HitDiceListTile.vue
+++ b/app/imports/ui/properties/components/attributes/HitDiceListTile.vue
@@ -53,13 +53,14 @@
       @mouseleave="hover = false"
     >
       <v-list-tile-title>
-        {{ model.hitDiceSize }} {{ model.constitutionMod }}
+        {{ model.hitDiceSize }} {{ signedConMod }}
       </v-list-tile-title>
     </v-list-tile-content>
   </v-list-tile>
 </template>
 
 <script>
+import numberToSignedString from '/imports/ui/utility/numberToSignedString.js';
 export default {
   inject: {
     context: { default: {} }
@@ -76,7 +77,10 @@ export default {
   computed: {
     currentValue(){
       return this.model.value - (this.model.damage || 0);
-    }
+    },
+    signedConMod(){
+      return numberToSignedString(this.model.constitutionMod);
+    },
   },
 	methods: {
 		click(e){
diff --git a/app/imports/ui/utility/numberToSignedString.js b/app/imports/ui/utility/numberToSignedString.js
index 076c8276..e1e61cbf 100644
--- a/app/imports/ui/utility/numberToSignedString.js
+++ b/app/imports/ui/utility/numberToSignedString.js
@@ -7,4 +7,4 @@ export default function numberToSignedString(number){
   } else {
     return `${number}`;
   }
-};
+}