Почему тинимс выглядит некрасиво, если я положу его внутрь </div>?

Question

У меня проблема с TinyMCE, это выглядит как на картинке: введите описание изображения здесь

my HTML is:

<form action="#" method="post" id="create-product">
            <div class="row">
                <div class="col-4">
                    <label for="#product-name">Product name</label>
                </div>
                <div class="col-8">
                    <input type="text" name="product-name" class="form-control"                         id="product-name" placeholder="Product name" required>
                </div>
                <div class="col-4">
                    <label for="#product-category">Product category</label>
                </div>
                <div class="col-8">
                    <select name="product-category" class="selectpicker form-control" id="product-category" required>
                        <option value="null">--none--</option>
                    </select>
                </div>
                <div class="col-4">
                    <label for="#product-description">Product description</label>
                </div>
                <div class="col-8">
                    <textarea name="product-description" id="product-description"></textarea>
                </div>
                <div class="col-12">
                    <button type="submit" class="btn btn-success create-product-btn w-25 m-auto"><i class="far fa-save"></i>Save</button>
                </div>
            </div>
        </form>

Но если я удалю тег, он решит проблему без знания причины. Я использую Tinymce 4.7.13 и bootstrap 4, спасибо.

Answer 1

Именно в этом стиле возникла проблема:

 .col-4 ,.col-8{
 display:flex; 
 align-item:center
 }