diff --git a/dist/amd/autocomplete.html b/dist/amd/autocomplete.html
index 00da12c..b88fb69 100644
--- a/dist/amd/autocomplete.html
+++ b/dist/amd/autocomplete.html
@@ -1,6 +1,6 @@
 <template>
   <require from="./autocomplete.css"></require>
-  <div class="form-group">
+  <div class-name.bind="'form-group ' + (small ? 'form-group-sm' : '')">
 		<label if.bind="title.length > 0"
            for="${'au-autocomplete-' + id}"
            class="control-label">${title}</label>
@@ -20,7 +20,7 @@
           ref="suggestionsUL">
         <li repeat.for="suggestion of suggestions" 
             id.one-time="'au-autocomplate-' + id + '-suggestion-' + $index"
-            class-name.bind="($index === index ? 'selected' : '') + ' suggestion'"
+            class-name.bind="($index === index ? 'selected' : '') + (small ? 'small' : '') + ' suggestion'"
             mousedown.delegate="suggestionClicked(suggestion)"
             role="option">
           <template replaceable part="suggestion" >
diff --git a/dist/amd/autocomplete.js b/dist/amd/autocomplete.js
index 6436d82..d00cfd9 100644
--- a/dist/amd/autocomplete.js
+++ b/dist/amd/autocomplete.js
@@ -55,7 +55,7 @@ define(['exports', 'aurelia-binding', 'aurelia-templating', 'aurelia-dependency-
     throw new Error('Decorating class property failed. Please ensure that transform-class-properties is enabled.');
   }
 
-  var _dec, _dec2, _class, _desc, _value, _class2, _descriptor, _descriptor2, _descriptor3, _descriptor4, _descriptor5, _descriptor6, _descriptor7;
+  var _dec, _dec2, _class, _desc, _value, _class2, _descriptor, _descriptor2, _descriptor3, _descriptor4, _descriptor5, _descriptor6, _descriptor7, _descriptor8;
 
   var nextID = 0;
 
@@ -75,7 +75,9 @@ define(['exports', 'aurelia-binding', 'aurelia-templating', 'aurelia-dependency-
 
       _initDefineProp(this, 'delay', _descriptor6, this);
 
-      _initDefineProp(this, 'inputValue', _descriptor7, this);
+      _initDefineProp(this, 'small', _descriptor7, this);
+
+      _initDefineProp(this, 'inputValue', _descriptor8, this);
 
       this.id = nextID++;
       this.expanded = false;
@@ -250,7 +252,12 @@ define(['exports', 'aurelia-binding', 'aurelia-templating', 'aurelia-dependency-
     initializer: function initializer() {
       return 300;
     }
-  }), _descriptor7 = _applyDecoratedDescriptor(_class2.prototype, 'inputValue', [_aureliaBinding.observable], {
+  }), _descriptor7 = _applyDecoratedDescriptor(_class2.prototype, 'small', [_aureliaTemplating.bindable], {
+    enumerable: true,
+    initializer: function initializer() {
+      return false;
+    }
+  }), _descriptor8 = _applyDecoratedDescriptor(_class2.prototype, 'inputValue', [_aureliaBinding.observable], {
     enumerable: true,
     initializer: function initializer() {
       return '';
diff --git a/dist/commonjs/autocomplete.html b/dist/commonjs/autocomplete.html
index 00da12c..b88fb69 100644
--- a/dist/commonjs/autocomplete.html
+++ b/dist/commonjs/autocomplete.html
@@ -1,6 +1,6 @@
 <template>
   <require from="./autocomplete.css"></require>
-  <div class="form-group">
+  <div class-name.bind="'form-group ' + (small ? 'form-group-sm' : '')">
 		<label if.bind="title.length > 0"
            for="${'au-autocomplete-' + id}"
            class="control-label">${title}</label>
@@ -20,7 +20,7 @@
           ref="suggestionsUL">
         <li repeat.for="suggestion of suggestions" 
             id.one-time="'au-autocomplate-' + id + '-suggestion-' + $index"
-            class-name.bind="($index === index ? 'selected' : '') + ' suggestion'"
+            class-name.bind="($index === index ? 'selected' : '') + (small ? 'small' : '') + ' suggestion'"
             mousedown.delegate="suggestionClicked(suggestion)"
             role="option">
           <template replaceable part="suggestion" >
diff --git a/dist/commonjs/autocomplete.js b/dist/commonjs/autocomplete.js
index 713457a..32a7632 100644
--- a/dist/commonjs/autocomplete.js
+++ b/dist/commonjs/autocomplete.js
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Autocomplete = undefined;
 
-var _dec, _dec2, _class, _desc, _value, _class2, _descriptor, _descriptor2, _descriptor3, _descriptor4, _descriptor5, _descriptor6, _descriptor7;
+var _dec, _dec2, _class, _desc, _value, _class2, _descriptor, _descriptor2, _descriptor3, _descriptor4, _descriptor5, _descriptor6, _descriptor7, _descriptor8;
 
 var _aureliaBinding = require('aurelia-binding');
 
@@ -82,7 +82,9 @@ var Autocomplete = exports.Autocomplete = (_dec = (0, _aureliaDependencyInjectio
 
     _initDefineProp(this, 'delay', _descriptor6, this);
 
-    _initDefineProp(this, 'inputValue', _descriptor7, this);
+    _initDefineProp(this, 'small', _descriptor7, this);
+
+    _initDefineProp(this, 'inputValue', _descriptor8, this);
 
     this.id = nextID++;
     this.expanded = false;
@@ -257,7 +259,12 @@ var Autocomplete = exports.Autocomplete = (_dec = (0, _aureliaDependencyInjectio
   initializer: function initializer() {
     return 300;
   }
-}), _descriptor7 = _applyDecoratedDescriptor(_class2.prototype, 'inputValue', [_aureliaBinding.observable], {
+}), _descriptor7 = _applyDecoratedDescriptor(_class2.prototype, 'small', [_aureliaTemplating.bindable], {
+  enumerable: true,
+  initializer: function initializer() {
+    return false;
+  }
+}), _descriptor8 = _applyDecoratedDescriptor(_class2.prototype, 'inputValue', [_aureliaBinding.observable], {
   enumerable: true,
   initializer: function initializer() {
     return '';
diff --git a/dist/es2015/autocomplete.html b/dist/es2015/autocomplete.html
index 00da12c..b88fb69 100644
--- a/dist/es2015/autocomplete.html
+++ b/dist/es2015/autocomplete.html
@@ -1,6 +1,6 @@
 <template>
   <require from="./autocomplete.css"></require>
-  <div class="form-group">
+  <div class-name.bind="'form-group ' + (small ? 'form-group-sm' : '')">
 		<label if.bind="title.length > 0"
            for="${'au-autocomplete-' + id}"
            class="control-label">${title}</label>
@@ -20,7 +20,7 @@
           ref="suggestionsUL">
         <li repeat.for="suggestion of suggestions" 
             id.one-time="'au-autocomplate-' + id + '-suggestion-' + $index"
-            class-name.bind="($index === index ? 'selected' : '') + ' suggestion'"
+            class-name.bind="($index === index ? 'selected' : '') + (small ? 'small' : '') + ' suggestion'"
             mousedown.delegate="suggestionClicked(suggestion)"
             role="option">
           <template replaceable part="suggestion" >
diff --git a/dist/es2015/autocomplete.js b/dist/es2015/autocomplete.js
index 09f0e61..399006d 100644
--- a/dist/es2015/autocomplete.js
+++ b/dist/es2015/autocomplete.js
@@ -1,4 +1,4 @@
-var _dec, _dec2, _class, _desc, _value, _class2, _descriptor, _descriptor2, _descriptor3, _descriptor4, _descriptor5, _descriptor6, _descriptor7;
+var _dec, _dec2, _class, _desc, _value, _class2, _descriptor, _descriptor2, _descriptor3, _descriptor4, _descriptor5, _descriptor6, _descriptor7, _descriptor8;
 
 function _initDefineProp(target, property, descriptor, context) {
   if (!descriptor) return;
@@ -67,7 +67,9 @@ export let Autocomplete = (_dec = inject(Element, TaskQueue), _dec2 = bindable({
 
     _initDefineProp(this, 'delay', _descriptor6, this);
 
-    _initDefineProp(this, 'inputValue', _descriptor7, this);
+    _initDefineProp(this, 'small', _descriptor7, this);
+
+    _initDefineProp(this, 'inputValue', _descriptor8, this);
 
     this.id = nextID++;
     this.expanded = false;
@@ -232,7 +234,12 @@ export let Autocomplete = (_dec = inject(Element, TaskQueue), _dec2 = bindable({
   initializer: function () {
     return 300;
   }
-}), _descriptor7 = _applyDecoratedDescriptor(_class2.prototype, 'inputValue', [observable], {
+}), _descriptor7 = _applyDecoratedDescriptor(_class2.prototype, 'small', [bindable], {
+  enumerable: true,
+  initializer: function () {
+    return false;
+  }
+}), _descriptor8 = _applyDecoratedDescriptor(_class2.prototype, 'inputValue', [observable], {
   enumerable: true,
   initializer: function () {
     return '';
diff --git a/dist/system/autocomplete.html b/dist/system/autocomplete.html
index 00da12c..b88fb69 100644
--- a/dist/system/autocomplete.html
+++ b/dist/system/autocomplete.html
@@ -1,6 +1,6 @@
 <template>
   <require from="./autocomplete.css"></require>
-  <div class="form-group">
+  <div class-name.bind="'form-group ' + (small ? 'form-group-sm' : '')">
 		<label if.bind="title.length > 0"
            for="${'au-autocomplete-' + id}"
            class="control-label">${title}</label>
@@ -20,7 +20,7 @@
           ref="suggestionsUL">
         <li repeat.for="suggestion of suggestions" 
             id.one-time="'au-autocomplate-' + id + '-suggestion-' + $index"
-            class-name.bind="($index === index ? 'selected' : '') + ' suggestion'"
+            class-name.bind="($index === index ? 'selected' : '') + (small ? 'small' : '') + ' suggestion'"
             mousedown.delegate="suggestionClicked(suggestion)"
             role="option">
           <template replaceable part="suggestion" >
diff --git a/dist/system/autocomplete.js b/dist/system/autocomplete.js
index 19598b7..06ea39c 100644
--- a/dist/system/autocomplete.js
+++ b/dist/system/autocomplete.js
@@ -3,7 +3,7 @@
 System.register(['aurelia-binding', 'aurelia-templating', 'aurelia-dependency-injection', 'aurelia-pal', 'aurelia-task-queue', './autocompleteoptions'], function (_export, _context) {
   "use strict";
 
-  var bindingMode, observable, bindable, InlineViewStrategy, inject, DOM, TaskQueue, autoCompleteOptions, _dec, _dec2, _class, _desc, _value, _class2, _descriptor, _descriptor2, _descriptor3, _descriptor4, _descriptor5, _descriptor6, _descriptor7, nextID, Autocomplete;
+  var bindingMode, observable, bindable, InlineViewStrategy, inject, DOM, TaskQueue, autoCompleteOptions, _dec, _dec2, _class, _desc, _value, _class2, _descriptor, _descriptor2, _descriptor3, _descriptor4, _descriptor5, _descriptor6, _descriptor7, _descriptor8, nextID, Autocomplete;
 
   function _initDefineProp(target, property, descriptor, context) {
     if (!descriptor) return;
@@ -89,7 +89,9 @@ System.register(['aurelia-binding', 'aurelia-templating', 'aurelia-dependency-in
 
           _initDefineProp(this, 'delay', _descriptor6, this);
 
-          _initDefineProp(this, 'inputValue', _descriptor7, this);
+          _initDefineProp(this, 'small', _descriptor7, this);
+
+          _initDefineProp(this, 'inputValue', _descriptor8, this);
 
           this.id = nextID++;
           this.expanded = false;
@@ -264,7 +266,12 @@ System.register(['aurelia-binding', 'aurelia-templating', 'aurelia-dependency-in
         initializer: function initializer() {
           return 300;
         }
-      }), _descriptor7 = _applyDecoratedDescriptor(_class2.prototype, 'inputValue', [observable], {
+      }), _descriptor7 = _applyDecoratedDescriptor(_class2.prototype, 'small', [bindable], {
+        enumerable: true,
+        initializer: function initializer() {
+          return false;
+        }
+      }), _descriptor8 = _applyDecoratedDescriptor(_class2.prototype, 'inputValue', [observable], {
         enumerable: true,
         initializer: function initializer() {
           return '';
diff --git a/doc/CHANGELOG.md b/doc/CHANGELOG.md
index bfdead2..b80eec3 100644
--- a/doc/CHANGELOG.md
+++ b/doc/CHANGELOG.md
@@ -1,3 +1,9 @@
+# [1.4.0](https://github.com/drivesoftware/aurelia-autocomplete/releases/tag/1.4.0) (2017-04-11)
+
+### Features
+
+* add small property to allow for bootstrap small control
+
 # [1.3.0](https://github.com/drivesoftware/aurelia-autocomplete/releases/tag/1.3.0) (2017-04-11)
 
 ### Features
diff --git a/package.json b/package.json
index bc6ca50..8f242fa 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "aurelia-autocomplete",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "description": "Autocomplete control for Aurelia",
   "keywords": [
     "aurelia",