diff --git a/core/includes/theme.inc b/core/includes/theme.inc
index 8d527df..cda983f 100644
--- a/core/includes/theme.inc
+++ b/core/includes/theme.inc
@@ -1837,20 +1837,6 @@ function theme_links($variables) {
 }
 
 /**
- * Returns HTML for wrapping a dropbutton menu.
- *
- * @param array $variables
- *   An associative array containing:
- *   - element: An associative array containing the properties and children of
- *     the dropbutton menu. Properties used: #children.
- */
-function theme_dropbutton_wrapper($variables) {
-  if (!empty($variables['element']['#children'])) {
-    return '<div class="dropbutton-wrapper"><div class="dropbutton-widget">' . $variables['element']['#children'] . '</div></div>';
-  }
-}
-
-/**
  * Returns HTML for an image.
  *
  * @param $variables
@@ -3126,6 +3112,17 @@ function template_preprocess_region(&$variables) {
 }
 
 /**
+ * Preprocess variables for dropbutton_wrapper.html.twig
+ *
+ * @see dropbutton_wrapper.html.twig
+ */
+function template_preprocess_dropbutton_wrapper(&$variables) {
+  if (!empty($variables['element']['#children'])) {
+    $variables['children'] = $element['#children'];
+  }
+}
+
+/**
  * Provides theme registration for themes across .inc files.
  */
 function drupal_common_theme() {
@@ -3158,6 +3155,7 @@ function drupal_common_theme() {
     ),
     'dropbutton_wrapper' => array(
       'render element' => 'element',
+      'template' => 'dropbutton_wrapper',
     ),
     'image' => array(
       // HTML 4 and XHTML 1.0 always require an alt attribute. The HTML 5 draft
diff --git a/core/modules/system/templates/dropbutton_wrapper.html.twig b/core/modules/system/templates/dropbutton_wrapper.html.twig
new file mode 100644
index 0000000..094699c
--- /dev/null
+++ b/core/modules/system/templates/dropbutton_wrapper.html.twig
@@ -0,0 +1,16 @@
+/**
+ * Default template implementation of a dropbutton menu.
+ *
+ * @param array dropbutton_wrapper
+ *   An associative array containing:
+ *   - element: An associative array containing the properties and children of
+ *     the dropbutton menu. Properties used: #children.
+ *   - children: Contains the child elements of the dropbutton menu.
+ */
+{% if children }
+  <div class="dropbutton-wrapper">
+    <div class="dropbutton-widget">
+      {{ children }}
+    </div>
+  </div>
+{% endif %}