diff --git a/InvenTree/InvenTree/static/css/inventree.css b/InvenTree/InvenTree/static/css/inventree.css
index a686b5c512..478734383f 100644
--- a/InvenTree/InvenTree/static/css/inventree.css
+++ b/InvenTree/InvenTree/static/css/inventree.css
@@ -560,6 +560,11 @@
     transition: 0.1s;
 }
 
+.search-autocomplete-item {
+    border-top: 1px solid #EEE;
+    margin-bottom: 2px;
+}
+
 .modal {
   overflow: hidden;
   z-index: 9999;
diff --git a/InvenTree/InvenTree/static/script/inventree/inventree.js b/InvenTree/InvenTree/static/script/inventree/inventree.js
index 5d393a085a..df48cf7d60 100644
--- a/InvenTree/InvenTree/static/script/inventree/inventree.js
+++ b/InvenTree/InvenTree/static/script/inventree/inventree.js
@@ -158,14 +158,13 @@ function inventreeDocReady() {
             create: function() {
                 $(this).data('ui-autocomplete')._renderItem = function(ul, item) {
 
-                    var html = `<a href='/part/${item.id}/'><span>`;
-
-                    html += `<img class='hover-img-thumb' src='`;
-                    html += item.thumbnail || `/static/img/blank_image.png`;
-                    html += `'> `;
-                    html += item.label;
-
-                    html += '</span>';
+                    var html = `
+                    <div class='search-autocomplete-item' title='${item.data.description}'>
+                        <a href='/part/${item.id}/'>
+                            <span style='padding-right: 10px;'><img class='hover-img-thumb' src='${item.thumbnail || "/static/img/blank_image.png"}'> ${item.label}</span>
+                        </a>
+                        <span class='flex' style='flex-grow: 1;'></span>
+                    `;
                     
                     if (user_settings.SEARCH_SHOW_STOCK_LEVELS) {
                         html += partStockLabel(
@@ -176,7 +175,7 @@ function inventreeDocReady() {
                         );
                     }
 
-                    html += '</a>';
+                    html += '</div>';
 
                     return $('<li>').append(html).appendTo(ul);
                 };
@@ -188,6 +187,10 @@ function inventreeDocReady() {
             classes: {
                 'ui-autocomplete': 'dropdown-menu search-menu',
             },
+            position: {
+                my : "right top",
+                at: "right bottom"
+            }
         });
     }
 
diff --git a/InvenTree/templates/js/translated/barcode.js b/InvenTree/templates/js/translated/barcode.js
index fcced46f53..4b61249d0b 100644
--- a/InvenTree/templates/js/translated/barcode.js
+++ b/InvenTree/templates/js/translated/barcode.js
@@ -36,7 +36,7 @@ function makeBarcodeInput(placeholderText='', hintText='') {
         <label class='control-label' for='barcode'>{% trans "Barcode" %}</label>
         <div class='controls'>
             <div class='input-group'>
-                <span class='input-group-addon'>
+                <span class='input-group-text'>
                     <span class='fas fa-qrcode'></span>
                 </span>
                 <input id='barcode' class='textinput textInput form-control' type='text' name='barcode' placeholder='${placeholderText}'>
@@ -59,7 +59,7 @@ function makeNotesField(options={}) {
         <label class='control-label' for='notes'>{% trans "Notes" %}</label>
         <div class='controls'>
             <div class='input-group'>
-                <span class='input-group-addon'>
+                <span class='input-group-text'>
                     <span class='fas fa-sticky-note'></span>
                 </span>
                 <input id='notes' class='textinput textInput form-control' type='text' name='notes' placeholder='${placeholder}'>