diff --git a/src/assets/scss/base.scss b/src/assets/scss/base.scss
index ce4f8f1..115aa21 100644
--- a/src/assets/scss/base.scss
+++ b/src/assets/scss/base.scss
@@ -256,7 +256,7 @@ button, .button {
 		margin-left: 8px;
 	}
 
-	&:hover::after {
+	&:hover::after:not([disabled]) {
 		content: "";
 
 		position: absolute;
@@ -267,4 +267,10 @@ button, .button {
 		background-color: var(--on-background);
 		opacity: 0.2;
 	}
+
+	&[disabled] {
+		position: relative;
+		cursor: not-allowed;
+		opacity: 0.1;
+	}
 }
diff --git a/src/assets/views/utils/Form.svelte b/src/assets/views/utils/Form.svelte
index 5e0bd77..82e67b6 100644
--- a/src/assets/views/utils/Form.svelte
+++ b/src/assets/views/utils/Form.svelte
@@ -11,6 +11,7 @@
     export let submitText: string;
     export let submitIcon: string;
     export let submitClass: string = undefined;
+    export let submitDisabled: boolean = false;
     export let isBoldSubmit: boolean = true;
     export let resetButton: boolean = false;
     export let confirm: string = undefined;
@@ -20,7 +21,7 @@
     setContext('formId', formId);
 
     export let onSubmit = function(e) {
-        if (confirm && !window.confirm(confirm)) {
+        if (submitDisabled || confirm && !window.confirm(confirm)) {
             e.preventDefault();
         }
     };
@@ -46,7 +47,7 @@
             <button type="reset"><Icon name="trash"/>Reset</button>
         {/if}
 
-        <button type="submit" class={submitClass} class:bold={isBoldSubmit}>
+        <button type="submit" class={submitClass} class:bold={isBoldSubmit} disabled={submitDisabled}>
             {#if submitIcon}
                 <Icon name={submitIcon}/>
             {/if}