diff --git a/src/app/recipe-add/recipe-add.component.html b/src/app/recipe-add/recipe-add.component.html
index 8359c86..c6f3494 100644
--- a/src/app/recipe-add/recipe-add.component.html
+++ b/src/app/recipe-add/recipe-add.component.html
@@ -40,5 +40,5 @@
         </ul>
     </div>
 
-    <button class="button" type="submit">Ajouter</button>
+    <button mat-stroked-button type="submit">SUBMIT</button>
 </form>
diff --git a/src/app/recipe-add/recipe-add.component.ts b/src/app/recipe-add/recipe-add.component.ts
index cc5f939..8a4d4b1 100644
--- a/src/app/recipe-add/recipe-add.component.ts
+++ b/src/app/recipe-add/recipe-add.component.ts
@@ -6,11 +6,12 @@ import { RecipeService } from '../recipe.service';
 import {MatSelectModule} from '@angular/material/select';
 import {MatInputModule} from '@angular/material/input';
 import {MatFormFieldModule} from '@angular/material/form-field';
+import {MatButtonModule} from '@angular/material/button';
 
 @Component({
   selector: 'app-recipe-add',
   standalone: true,
-  imports: [ReactiveFormsModule, FormsModule,MatFormFieldModule, MatInputModule, MatSelectModule],
+  imports: [ReactiveFormsModule, FormsModule,MatFormFieldModule, MatInputModule, MatSelectModule, MatButtonModule],
   templateUrl: './recipe-add.component.html',
 })
 export class RecipeAddComponent {