diff --git a/frontend/src/app/atomic/text-button/text-button.component.html b/frontend/src/app/atomic/text-button/text-button.component.html
index 3b26f78..2a4f545 100644
--- a/frontend/src/app/atomic/text-button/text-button.component.html
+++ b/frontend/src/app/atomic/text-button/text-button.component.html
@@ -1 +1 @@
-<button>{{ text }}</button>
+<button [disabled]="disabled">{{ text }}</button>
diff --git a/frontend/src/app/atomic/text-button/text-button.component.ts b/frontend/src/app/atomic/text-button/text-button.component.ts
index b585f5c..6955ca0 100644
--- a/frontend/src/app/atomic/text-button/text-button.component.ts
+++ b/frontend/src/app/atomic/text-button/text-button.component.ts
@@ -9,4 +9,15 @@ import {Component, Input} from '@angular/core';
 })
 export class TextButtonComponent {
     @Input() text: string = '';
+
+    private _disabled: boolean = false;
+
+    get disabled(): boolean {
+        return this._disabled;
+    }
+
+    @Input()
+    set disabled(value: boolean | undefined) {
+        this._disabled = value === undefined || value === true;
+    }
 }