diff --git a/client/components/forms/SignatureInput.vue b/client/components/forms/SignatureInput.vue
index 17a1acce..686af68c 100644
--- a/client/components/forms/SignatureInput.vue
+++ b/client/components/forms/SignatureInput.vue
@@ -1,5 +1,5 @@
 <template>
-  <input-wrapper v-bind="inputWrapperProps">
+  <InputWrapper v-bind="inputWrapperProps">
     <template #label>
       <slot name="label" />
     </template>
@@ -7,6 +7,7 @@
     <div
       v-if="loading || file"
       :class="[
+        theme.default.input,
         theme.SignatureInput.input,
         theme.SignatureInput.spacing.horizontal,
         theme.SignatureInput.spacing.vertical,
@@ -43,6 +44,7 @@
       ref="signaturePad"
       class="not-draggable"
       :class="[
+        theme.default.input,
         theme.SignatureInput.input,
         theme.SignatureInput.spacing.horizontal,
         theme.SignatureInput.spacing.vertical,
@@ -91,17 +93,17 @@
     <template #error>
       <slot name="error" />
     </template>
-  </input-wrapper>
+  </InputWrapper>
 </template>
 
 <script>
-import { inputProps, useFormInput } from "./useFormInput.js"
-import InputWrapper from "./components/InputWrapper.vue"
-import { VueSignaturePad } from "vue-signature-pad"
-import { storeFile } from "~/lib/file-uploads.js"
+import { VueSignaturePad } from 'vue-signature-pad'
+import { inputProps, useFormInput } from './useFormInput.js'
+import InputWrapper from './components/InputWrapper.vue'
+import { storeFile } from '~/lib/file-uploads.js'
 
 export default {
-  name: "SignatureInput",
+  name: 'SignatureInput',
   components: { InputWrapper, VueSignaturePad },
 
   props: {
@@ -126,6 +128,14 @@ export default {
       }
     }
   },
+  
+  mounted() {
+    this.$nextTick(() => {
+      if (this.$refs.signaturePad) {
+        this.$refs.signaturePad.resizeCanvas()
+      }
+    })
+  },
 
   methods: {
     clear() {
@@ -138,7 +148,7 @@ export default {
         this.form[this.name] = null
         return
       }
-      
+
       if (this.disabled) {
         this.$refs.signaturePad.clearSignature()
       } else {