diff --git a/src/AppMenu.vue b/src/AppMenu.vue
index 5001e15a5..d7ea7b8c0 100644
--- a/src/AppMenu.vue
+++ b/src/AppMenu.vue
@@ -9,7 +9,7 @@
             <div :class="{'submenuhide': activeMenuIndex !== 0, 'submenushow': activeMenuIndex === 0}">
                 <div>
                     <router-link to="/inputtext">&#9679; InputText</router-link>
-                    <router-link to="/listbox">&#9679; ListBox</router-link>
+                    <router-link to="/listbox">&#9679; Listbox</router-link>
                     <router-link to="/radiobutton">&#9679; RadioButton</router-link>
                     <router-link to="/textarea">&#9679; Textarea</router-link>
                 </div>
diff --git a/src/assets/styles/primevue.css b/src/assets/styles/primevue.css
index cda1cdfb8..77254bcc1 100644
--- a/src/assets/styles/primevue.css
+++ b/src/assets/styles/primevue.css
@@ -1,7 +1,7 @@
 @import '../../components/common/Common.css';
 @import '../../components/accordion/Accordion.css';
 @import '../../components/inputtext/InputText.css';
-@import '../../components/listbox/ListBox.css';
+@import '../../components/listbox/Listbox.css';
 @import '../../components/button/Button.css';
 @import '../../components/panel/Panel.css';
 @import '../../components/fieldset/Fieldset.css';
diff --git a/src/main.js b/src/main.js
index 6413e9fde..566405e27 100644
--- a/src/main.js
+++ b/src/main.js
@@ -6,7 +6,7 @@ import AccordionTab from './components/accordion/AccordionTab';
 import Button from './components/button/Button';
 import InputText from './components/inputtext/InputText';
 import Fieldset from './components/fieldset/Fieldset';
-import ListBox from './components/listbox/ListBox';
+import Listbox from './components/listbox/Listbox';
 import Panel from './components/panel/Panel';
 import RadioButton from './components/radiobutton/RadioButton';
 import Textarea from './components/textarea/Textarea';
@@ -24,7 +24,7 @@ Vue.component('p-accordion', Accordion);
 Vue.component('p-accordionTab', AccordionTab);
 Vue.component('p-button', Button);
 Vue.component('p-inputtext', InputText);
-Vue.component('p-listBox', ListBox);
+Vue.component('p-listbox', Listbox);
 Vue.component('p-fieldset', Fieldset);
 Vue.component('p-panel', Panel);
 Vue.component('p-radioButton', RadioButton);
diff --git a/src/router.js b/src/router.js
index e9f0382e3..ee29915da 100644
--- a/src/router.js
+++ b/src/router.js
@@ -39,7 +39,7 @@ export default new Router({
     {
         path: '/listbox',
         name: 'listbox',
-        component: () => import('./views/listbox/ListBoxDemo.vue')
+        component: () => import('./views/listbox/ListboxDemo.vue')
     },
     {
         path: '/panel',
diff --git a/src/views/listbox/ListBoxDemo.vue b/src/views/listbox/ListBoxDemo.vue
index d56ede4af..ff1d2a8a3 100644
--- a/src/views/listbox/ListBoxDemo.vue
+++ b/src/views/listbox/ListBoxDemo.vue
@@ -2,24 +2,24 @@
     <div>
         <div class="content-section introduction">
             <div class="feature-intro">
-                <h1>ListBox</h1>
-                <p>ListBox is used to select one or more values from a list of items.</p>
+                <h1>Listbox</h1>
+                <p>Listbox is used to select one or more values from a list of items.</p>
             </div>
         </div>
 
         <div class="content-section implementation">
             <h3 class="first">Single</h3>
-            <p-listBox v-model="selectedCity" :options="cities" optionLabel="name" />
+            <p-listbox v-model="selectedCity" :options="cities" optionLabel="name" />
 
             <h3>Advanced with Templating, Filtering and Multiple Selection</h3>
-            <p-listBox v-model="selectedCars" :options="cars" :multiple="true" :filter="true" optionLabel="brand" listStyle="max-height:250px" style="width:15em">
+            <p-listbox v-model="selectedCars" :options="cars" :multiple="true" :filter="true" optionLabel="brand" listStyle="max-height:250px" style="width:15em">
                 <template slot-scope="{option}">
                     <div className="p-clearfix">
                         <img :alt="option.brand" :src="'/demo/images/car/' + option.brand + '.png'" style="display:inline-block;margin:5px 0 0 5px;width:48px" />
                         <span style="float:right;margin:1.25em .5em 0 0">{{option.brand}}</span>
                     </div>
                 </template>
-            </p-listBox>
+            </p-listbox>
         </div>
     </div>
 </template>