diff --git a/package-lock.json b/package-lock.json
index 4d93536..816b790 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "@alfsnd/vue-bootstrap-select",
-  "version": "0.4.3",
+  "version": "0.4.4",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
@@ -6283,7 +6283,8 @@
         "ansi-regex": {
           "version": "2.1.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "aproba": {
           "version": "1.2.0",
@@ -6304,12 +6305,14 @@
         "balanced-match": {
           "version": "1.0.0",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "brace-expansion": {
           "version": "1.1.11",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "balanced-match": "^1.0.0",
             "concat-map": "0.0.1"
@@ -6324,17 +6327,20 @@
         "code-point-at": {
           "version": "1.1.0",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "concat-map": {
           "version": "0.0.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "console-control-strings": {
           "version": "1.1.0",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "core-util-is": {
           "version": "1.0.2",
@@ -6451,7 +6457,8 @@
         "inherits": {
           "version": "2.0.3",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "ini": {
           "version": "1.3.5",
@@ -6463,6 +6470,7 @@
           "version": "1.0.0",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "number-is-nan": "^1.0.0"
           }
@@ -6477,6 +6485,7 @@
           "version": "3.0.4",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "brace-expansion": "^1.1.7"
           }
@@ -6484,12 +6493,14 @@
         "minimist": {
           "version": "0.0.8",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "minipass": {
           "version": "2.3.5",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "safe-buffer": "^5.1.2",
             "yallist": "^3.0.0"
@@ -6508,6 +6519,7 @@
           "version": "0.5.1",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "minimist": "0.0.8"
           }
@@ -6588,7 +6600,8 @@
         "number-is-nan": {
           "version": "1.0.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "object-assign": {
           "version": "4.1.1",
@@ -6600,6 +6613,7 @@
           "version": "1.4.0",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "wrappy": "1"
           }
@@ -6685,7 +6699,8 @@
         "safe-buffer": {
           "version": "5.1.2",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "safer-buffer": {
           "version": "2.1.2",
@@ -6721,6 +6736,7 @@
           "version": "1.0.2",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "code-point-at": "^1.0.0",
             "is-fullwidth-code-point": "^1.0.0",
@@ -6740,6 +6756,7 @@
           "version": "3.0.1",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "ansi-regex": "^2.0.0"
           }
@@ -6783,12 +6800,14 @@
         "wrappy": {
           "version": "1.0.2",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "yallist": {
           "version": "3.0.3",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         }
       }
     },
diff --git a/src/App.vue b/src/App.vue
index 6d7e104..16a5754 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -14,10 +14,11 @@
     </div>
     <VSelect
       v-model="selectedName"
+      listTitle="Select form your followers"
       :options="names"
       :disabled="disabledName"
       :searchable="searchableName"/>
-    <h2>Array of objects</h2>
+    <h2 style="margin-top: 70px;">Array of objects</h2>
     <div class="options">
       <p><b>Options:</b></p>
       <div>
diff --git a/src/vue-bootstrap-select.vue b/src/vue-bootstrap-select.vue
index 99e622b..ae9a34d 100644
--- a/src/vue-bootstrap-select.vue
+++ b/src/vue-bootstrap-select.vue
@@ -8,8 +8,13 @@
     class="v-select"
     :class="{'disabled': disabled}">
     <button @click="toggle" type="button" class="v-select-toggle">
-      <div>{{ title }}</div>
-      <div class="arrow-down"></div>
+      <div class="container">
+        <div class="select">
+          <div class="options-title">{{ dropdownTitle }}</div>
+          <div class="selected-item">{{ title }}</div>
+        </div>
+        <div class="arrow-down"></div>
+      </div>
     </button>
     <div v-show="show" class="v-dropdown-container">
       <div v-show="searchable" class="v-bs-searchbox">
@@ -57,6 +62,10 @@ export default {
       type: String,
       default: "disabled"
     },
+    listTitle: {
+      type: String,
+      default: "Select from list"
+    },
     labelTitle: {
       type: String,
       default: "Nothing selected"
@@ -103,6 +112,9 @@ export default {
     };
   },
   computed: {
+    dropdownTitle() {
+      return this.listTitle;
+    },
     title() {
       return this.selectedValue
         ? this.getOptionLabel(this.selectedValue)
@@ -246,9 +258,16 @@ export default {
 * {
   box-sizing: border-box;
 }
+*:focus {
+  outline: none;
+  box-shadow: 0 0 0 0.1rem rgba(136, 141, 169, 0.5);
+}
 
 input {
   width: 100%;
+  &:focus {
+    outline: none;
+  }
 }
 
 ul {
@@ -278,24 +297,19 @@ ul {
       cursor: not-allowed;
 
       &:focus {
-        outline: 0 !important;
+        outline: none;
       }
     }
   }
 }
 
 .v-select-toggle {
-  display: flex;
-  justify-content: space-between;
   user-select: none;
-  padding: 0.375rem 0.75rem;
+  padding: 0.75rem;
   color: #212529;
-  background-color: #f8f9fa;
-  border-color: #d3d9df;
   width: 100%;
-  text-align: right;
+  text-align: left;
   white-space: nowrap;
-  border: 1px solid transparent;
   padding: 0.375rem 0.75rem;
   font-size: 12px;
   font-family: inherit, sans-serif;
@@ -303,25 +317,38 @@ ul {
   border-radius: 0.25rem;
   transition: background-color, border-color, box-shadow, 0.15s ease-in-out;
   cursor: pointer;
-
-  &:hover {
-    background-color: #e2e6ea;
-    border-color: #dae0e5;
+  border: 1px solid #e6ecf5;
+  background-color: transparent;
+}
+.container {
+  display: flex;
+  align-items: center;
+}
+.select {
+  width: 50%;
+  display: inline-block;
+  .selected-item {
+    padding: 5px 12px;
+    font-weight: bold;
+  }
+  .options-title {
+    color: #888da8;
+    text-transform: uppercase;
   }
 }
-
 .arrow-down {
+  width: 50%;
   display: inline-block;
   width: 0;
   height: 0;
   margin-left: 0.255em;
-  margin-top: 7px;
   vertical-align: 0.255em;
   content: "";
   border-top: 0.3em solid;
   border-right: 0.3em solid transparent;
   border-bottom: 0;
   border-left: 0.3em solid transparent;
+  margin-left: auto;
 }
 
 .v-dropdown-container {