diff --git a/resources/qml/Settings/SettingExtruder.qml b/resources/qml/Settings/SettingExtruder.qml
index b754c3fd74..9d968664ea 100644
--- a/resources/qml/Settings/SettingExtruder.qml
+++ b/resources/qml/Settings/SettingExtruder.qml
@@ -108,33 +108,28 @@ SettingItem
             }
         }
 
-        contentItem: Item
+        contentItem: Label
         {
-            Label
-            {
-                id: extruderText
+            anchors.verticalCenter: parent.verticalCenter
+            anchors.left: parent.left
+            anchors.leftMargin: UM.Theme.getSize("setting_unit_margin").width
+            anchors.right: downArrow.left
+            rightPadding: swatch.width + UM.Theme.getSize("setting_unit_margin").width
 
-                anchors.verticalCenter: parent.verticalCenter
-                anchors.left: parent.left
-                anchors.leftMargin: UM.Theme.getSize("setting_unit_margin").width
-                anchors.right: swatch.left
+            text: control.currentText
+            font: UM.Theme.getFont("default")
+            color: enabled ? UM.Theme.getColor("setting_control_text") : UM.Theme.getColor("setting_control_disabled_text")
 
-                text: control.currentText
-                font: UM.Theme.getFont("default")
-                color: enabled ? UM.Theme.getColor("setting_control_text") : UM.Theme.getColor("setting_control_disabled_text")
+            elide: Text.ElideLeft
+            verticalAlignment: Text.AlignVCenter
 
-                elide: Text.ElideLeft
-                verticalAlignment: Text.AlignVCenter
-            }
-
-            Rectangle
+            background: Rectangle
             {
                 id: swatch
                 height: UM.Theme.getSize("setting_control").height / 2
                 width: height
 
                 anchors.right: parent.right
-                anchors.rightMargin: downArrow.width + UM.Theme.getSize("setting_unit_margin").width
                 anchors.verticalCenter: parent.verticalCenter
                 anchors.margins: UM.Theme.getSize("default_margin").width / 4
 
@@ -146,13 +141,35 @@ SettingItem
             }
         }
 
+
+        popup: Popup {
+            y: control.height - UM.Theme.getSize("default_lining").height
+            width: control.width
+            implicitHeight: contentItem.implicitHeight
+            padding: UM.Theme.getSize("default_lining").width
+
+            contentItem: ListView {
+                clip: true
+                implicitHeight: contentHeight
+                model: control.popup.visible ? control.delegateModel : null
+                currentIndex: control.highlightedIndex
+
+                ScrollIndicator.vertical: ScrollIndicator { }
+            }
+
+            background: Rectangle {
+                color: UM.Theme.getColor("setting_control")
+                border.color: UM.Theme.getColor("setting_control_border")
+            }
+        }
+
         delegate: ItemDelegate
         {
-            width: control.width
+            width: control.width - 2 * UM.Theme.getSize("default_lining").width
             height: control.height
             highlighted: control.highlightedIndex == index
 
-            contentItem: Text
+            contentItem: Label
             {
                 text: model.name
                 color: UM.Theme.getColor("setting_control_text")
@@ -160,6 +177,12 @@ SettingItem
                 elide: Text.ElideRight
                 verticalAlignment: Text.AlignVCenter
             }
+
+            background: Rectangle
+            {
+                color: parent.highlighted ? UM.Theme.getColor("setting_control_highlight") : "transparent"
+                border.color: parent.highlighted ? UM.Theme.getColor("setting_control_border_highlight") : "transparent"
+            }
         }
     }
 }