diff --git a/search-select.js b/search-select.js
index d199eec..80590f3 100644
--- a/search-select.js
+++ b/search-select.js
@@ -1,6 +1,6 @@
 import { IgniteHtml } from '../ignite-html/ignite-html.js';
 import { IgniteElement } from "../ignite-html/ignite-element.js";
-import { IgniteTemplate, button, ul, slot, span, div } from "../ignite-html/ignite-template.js";
+import { IgniteTemplate, button, ul, slot, span, div, html, converter } from "../ignite-html/ignite-template.js";
 import { IgniteProperty } from "../ignite-html/ignite-html.js";
 import { Popper } from "./popper.js";
 
@@ -31,16 +31,23 @@ class SearchSelect extends IgniteElement {
 
     render() {
         return this.template
-            .class("w-100 position-relative")
+            .class("w-100 position-relative form-control form-control-lg d-flex flex-row")
             .attribute("tabindex", "0")
             .child(
                 new div()
-                    .class("form-control form-control-lg")
-                    .innerHTML(this.value)
+                    .style("flex", 1)
+                    .style("border", "none")
+                    .style("outline", "none")
+                    .style("overflow", "auto")
                     .attribute("contenteditable", true)
-                    .data("placeholder", this.placeholder)
                     .ref(this.inputElement),
 
+                new div().child(
+                    new converter(this.value, this.optionsRenderer)
+                ),
+
+                new button().class("btn btn-none").child("<i class='fa-solid fa-times' />"),
+
                 new Popper().class("form-control form-control-lg shadow").property("show", true).child(
                     "Test"
                 )