Стиль Simple_form (Удалить границы и центр выравнивания текста)

Question

Я пытаюсь, чтобы мой список TODO мог динамически редактироваться на той же странице. Моя идея состояла в том, чтобы использовать simple_form для отображения информации и скрытия границ. Мне нужно, чтобы отображаемый текст был централизованным. Однако у меня возникли трудности со стилем, так как ничего не показано. Я хотел бы знать, возможно ли это? Или есть лучший способ сделать мой TODO редактируемым без перехода на другую страницу?

<div class = "border_show">
     <%= simple_form_for @item do |f| %>
       <%= f.input :title, label: false, required: true, :class => "form_border" %>
       <%= f.input :description, label: false %>
       <%= f.input :category, label: false %>
       <%= f.button :submit, 'submit', :style => "display: none;" %>
     <% end %>

     <%= link_to "Back", root_path %>
     <%= link_to "Delete", item_path(@item), method: :delete, data: {confirm: "Are you sure?"} %>
</div>

border_show - создание границы для стиля:

.border_show{
    padding-left: 20px;
    padding-right: 20px;
    font-family: Bookman, URW;
    color: black;
    background-color: rgba(255, 255, 255, 0.701);
    width: 50%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-radius: 25px;
}  

.form_border{
    border-style: none;
    text-align: center;
}

Я пытался заменить класс для form_border на id но это тоже не сработало.

Изображение того, как выглядит моя форма сейчас: