diff --git a/Portfolio.WebUI.Server/Components/Component/Pokemon Components/PokemonForm.razor b/Portfolio.WebUI.Server/Components/Component/Pokemon Components/PokemonForm.razor
index 08d1178..89a65a9 100644
--- a/Portfolio.WebUI.Server/Components/Component/Pokemon Components/PokemonForm.razor	
+++ b/Portfolio.WebUI.Server/Components/Component/Pokemon Components/PokemonForm.razor	
@@ -320,6 +320,56 @@ else
                     </div>
                 </div>
 
+                <!-- Pokemon Ingredients -->
+                <div class="row mb-3 mx-0">
+                    <!-- Ingredient 1 -->
+                    <div class="col ps-0 pe-1">
+                        <div class="row input-group m-auto">
+                            <span for="Ingredient1" class="input-group-text rounded-top">Ingredient 1</span>
+                        </div>
+                        <div class="row input-group m-auto">
+                            <InputSelect id="Ingredient1" @bind-Value="PokemonToEdit.Ingredient1" @onchange="@SendPokemon" class="form-select rounded-bottom">
+                                <option disabled value="" selected>Select...</option>
+                                @foreach (var ingredient in Ingredients)
+                                {
+                                    <option value="@ingredient.Name">@ingredient.Name</option>
+                                }
+                            </InputSelect>
+                        </div>
+                    </div>
+                    <!-- Ingredient 2 -->
+                    <div class="col ps-0 pe-1">
+                        <div class="row input-group m-auto">
+                            <span for="Ingredient2" class="input-group-text rounded-top">Ingredient 2</span>
+                        </div>
+                        <div class="row input-group m-auto">
+                            <InputSelect id="Ingredient2" @bind-Value="PokemonToEdit.Ingredient2" @onchange="@SendPokemon" class="form-select rounded-bottom">
+                                <option disabled value="" selected>Select...</option>
+                                @foreach (var ingredient in Ingredients)
+                                {
+                                    <option value="@ingredient.Name">@ingredient.Name</option>
+                                }
+                            </InputSelect>
+                        </div>
+                    </div>
+                    <!-- Ingredient 3 -->
+                    <div class="col ps-0 pe-1">
+                        <div class="row input-group m-auto">
+                            <span for="Ingredient3" class="input-group-text rounded-top">Ingredient 3</span>
+                        </div>
+                        <div class="row input-group m-auto">
+                            <InputSelect id="Ingredient3" @bind-Value="PokemonToEdit.Ingredient3" @onchange="@SendPokemon" class="form-select rounded-bottom">
+                                <option disabled value="" selected>Select...</option>
+                                @foreach (var ingredient in Ingredients)
+                                {
+                                    <option value="@ingredient.Name">@ingredient.Name</option>
+                                }
+                            </InputSelect>
+                        </div>
+                    </div>
+                </div>
+
+
                 <!-- <br> -->
                 <div class="border-bottom border-3 border-info-subtle rounded m-1 my-3"></div>