diff --git a/core/themes/seven/css/components/dropbuttons.css b/core/themes/seven/css/components/dropbuttons.css
new file mode 100644
index 0000000..981f646
--- /dev/null
+++ b/core/themes/seven/css/components/dropbuttons.css
@@ -0,0 +1,259 @@
+/**
+ * Copied styling for .button
+ */
+.js .dropbutton-multiple .dropbutton-widget {
+  padding: 0;
+  border:none;
+  background: none;
+  color: #333333;
+  text-decoration: none;
+  text-shadow: 0 1px hsla(0, 0%, 100%, 0.6);
+  font-weight: 600;
+  font-size: 14px;
+  font-size: 1.076923077em;
+  -webkit-transition: all 0.1s;
+     -moz-transition: all 0.1s;
+       -o-transition: all 0.1s;
+          transition: all 0.1s;
+  -webkit-font-smoothing: antialiased;  /* 2 */
+}
+.js .dropbutton-widget:hover {
+  /*background-color: #f9f8f6;
+  background-image: -webkit-linear-gradient(top, #fcfcfa, #e9e9dd);
+  background-image:    -moz-linear-gradient(top, #fcfcfa, #e9e9dd);
+  background-image:      -o-linear-gradient(top, #fcfcfa, #e9e9dd);
+  background-image:   linear-gradient(to bottom, #fcfcfa, #e9e9dd);*/
+  /*color: #1a1a1a;
+  text-decoration: none;
+  outline: none;
+  box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.125);*/
+}
+
+.dropbutton-multiple.open .dropbutton-widget{
+  padding: 3px 2.8em 3px 1.5em;
+  border-radius: 20em;
+  border: 1px solid #a6a6a6;*/
+  border-radius: 20em;
+  background-color: #f2f1eb;
+  background-image: -webkit-linear-gradient(top, #f6f6f3, #e7e7df);
+  background-image:    -moz-linear-gradient(top, #f6f6f3, #e7e7df);
+  background-image:      -o-linear-gradient(top, #f6f6f3, #e7e7df);
+  background-image:   linear-gradient(to bottom, #f6f6f3, #e7e7df);
+  color: black;
+  text-decoration: none;
+  text-shadow: 0 1px hsla(0, 0%, 100%, 0.6);
+}
+
+.js .dropbutton-widget .dropbutton-action {
+  padding: 3px 2.8em 3px 1.5em;
+  border-radius: 20em;
+  border: 1px solid #a6a6a6;*/
+  border-radius: 20em;
+  background-color: #f2f1eb;
+  background-image: -webkit-linear-gradient(top, #f6f6f3, #e7e7df);
+  background-image:    -moz-linear-gradient(top, #f6f6f3, #e7e7df);
+  background-image:      -o-linear-gradient(top, #f6f6f3, #e7e7df);
+  background-image:   linear-gradient(to bottom, #f6f6f3, #e7e7df);
+  color: black;
+  text-decoration: none;
+  text-shadow: 0 1px hsla(0, 0%, 100%, 0.6);
+}
+
+.js .dropbutton-widget .dropbutton-action:hover {
+  background-color: #f9f8f6;
+  background-image: -webkit-linear-gradient(top, #fcfcfa, #e9e9dd);
+  background-image:    -moz-linear-gradient(top, #fcfcfa, #e9e9dd);
+  background-image:      -o-linear-gradient(top, #fcfcfa, #e9e9dd);
+  background-image:   linear-gradient(to bottom, #fcfcfa, #e9e9dd);
+  color: #1a1a1a;
+  text-decoration: none;
+  outline: none;
+  box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.125);
+}
+
+.dropbutton-multiple.open .dropbutton-widget .dropbutton-action,
+.dropbutton-multiple.open .dropbutton-widget .dropbutton-action:hover{
+  padding: 0;
+  border-radius: 0;
+  border: none;
+  border-radius: 0em;
+  background-color: transparent;
+  background-image: none;
+  color: black;
+  text-decoration: none;
+  text-shadow: none;
+  box-shadow: none;
+}
+
+
+.js .dropbutton-widget .dropbutton-toggle{
+  border-radius: 0 20em 20em 0;
+  border: 1px solid #a6a6a6;
+  background-color: #f2f1eb;
+  background-image: -webkit-linear-gradient(top, #f6f6f3, #e7e7df);
+  background-image:    -moz-linear-gradient(top, #f6f6f3, #e7e7df);
+  background-image:      -o-linear-gradient(top, #f6f6f3, #e7e7df);
+  background-image:   linear-gradient(to bottom, #f6f6f3, #e7e7df);
+}
+
+.js .dropbutton-widget .dropbutton-toggle:hover {
+  background-color: #f9f8f6;
+  background-image: -webkit-linear-gradient(top, #fcfcfa, #e9e9dd);
+  background-image:    -moz-linear-gradient(top, #fcfcfa, #e9e9dd);
+  background-image:      -o-linear-gradient(top, #fcfcfa, #e9e9dd);
+  background-image:   linear-gradient(to bottom, #fcfcfa, #e9e9dd);*/
+  color: #1a1a1a;
+  text-decoration: none;
+  outline: none;
+  box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.125);
+}
+
+.dropbutton-multiple.open .dropbutton-toggle {
+  border-radius: 0 1em 1em 0;
+}
+
+.dropbutton-multiple.open .dropbutton-widget {
+  border-radius: 1em;
+}
+.js .dropbutton .dropbutton-action > * {
+  color: #333333;
+  text-decoration: none;
+  padding: 0;
+  margin: 0;
+}
+.dropbutton-multiple .dropbutton,
+.dropbutton .secondary-action {
+  border: 0;
+}
+
+
+/**
+ * Overwrite button styling
+ */
+.js .dropbutton-widget .button {
+  background: transparent;
+  border: 0;
+  border-radius: 0;
+  box-shadow: none;
+}
+
+/**
+ * Form edit action theming
+ * Copied styling from .button--primary
+ */
+.js .form-actions .dropbutton-widget {
+  border-color: #1e5c90;
+  /*background-image: -webkit-linear-gradient(top, #007bc6, #0071b8);
+  background-image:    -moz-linear-gradient(top, #007bc6, #0071b8);
+  background-image:      -o-linear-gradient(top, #007bc6, #0071b8);
+  background-image:   linear-gradient(to bottom, #007bc6, #0071b8);*/
+  color: #fff;
+  text-shadow: 0 1px hsla(0, 0%, 0%, 0.5);
+  font-weight: 700;
+  -webkit-font-smoothing: antialiased;
+}
+.js .form-actions .dropbutton-widget:hover {
+  /*background-color: #2369a6;
+  background-image: -webkit-linear-gradient(top, #0c97ed, #1f86c7);
+  background-image:    -moz-linear-gradient(top, #0c97ed, #1f86c7);
+  background-image:      -o-linear-gradient(top, #0c97ed, #1f86c7);
+  background-image:   linear-gradient(to bottom, #0c97ed, #1f86c7);
+  border-color: #1e5c90;
+  color: #fff;
+  box-shadow: 0 1px 2px hsla(203, 10%, 10%, 0.25);*/
+}
+
+.js .form-actions .dropbutton-widget .dropbutton-action {
+  border-color: #1e5c90;
+  background-image: -webkit-linear-gradient(top, #007bc6, #0071b8);
+  background-image:    -moz-linear-gradient(top, #007bc6, #0071b8);
+  background-image:      -o-linear-gradient(top, #007bc6, #0071b8);
+  background-image:   linear-gradient(to bottom, #007bc6, #0071b8);
+  color: #fff;
+  text-shadow: 0 1px hsla(0, 0%, 0%, 0.5);
+  font-weight: 700;
+  -webkit-font-smoothing: antialiased;
+}
+
+.js .form-actions .dropbutton-widget .dropbutton-action:hover {
+  background-color: #2369a6;
+  background-image: -webkit-linear-gradient(top, #0c97ed, #1f86c7);
+  background-image:    -moz-linear-gradient(top, #0c97ed, #1f86c7);
+  background-image:      -o-linear-gradient(top, #0c97ed, #1f86c7);
+  background-image:   linear-gradient(to bottom, #0c97ed, #1f86c7);
+  border-color: #1e5c90;
+  color: #fff;
+  box-shadow: 0 1px 2px hsla(203, 10%, 10%, 0.25);
+}
+
+.js .form-actions .dropbutton-widget .dropbutton-toggle{
+  border-color: #1e5c90;
+  background-image: -webkit-linear-gradient(top, #007bc6, #0071b8);
+  background-image:    -moz-linear-gradient(top, #007bc6, #0071b8);
+  background-image:      -o-linear-gradient(top, #007bc6, #0071b8);
+  background-image:   linear-gradient(to bottom, #007bc6, #0071b8);
+}
+
+.js .form-actions .dropbutton-widget .dropbutton-toggle:hover {
+  background-color: #2369a6;
+  background-image: -webkit-linear-gradient(top, #0c97ed, #1f86c7);
+  background-image:    -moz-linear-gradient(top, #0c97ed, #1f86c7);
+  background-image:      -o-linear-gradient(top, #0c97ed, #1f86c7);
+  background-image:   linear-gradient(to bottom, #0c97ed, #1f86c7);
+  border-color: #1e5c90;
+}
+
+.form-actions .dropbutton-multiple.open .dropbutton-widget{
+  border-color: #1e5c90;
+  background-image: -webkit-linear-gradient(top, #007bc6, #0071b8);
+  background-image:    -moz-linear-gradient(top, #007bc6, #0071b8);
+  background-image:      -o-linear-gradient(top, #007bc6, #0071b8);
+  background-image:   linear-gradient(to bottom, #007bc6, #0071b8);
+}
+
+.form-actions .dropbutton-multiple.open .dropbutton-widget:hover{
+  background-color: #2369a6;
+  background-image: -webkit-linear-gradient(top, #0c97ed, #1f86c7);
+  background-image:    -moz-linear-gradient(top, #0c97ed, #1f86c7);
+  background-image:      -o-linear-gradient(top, #0c97ed, #1f86c7);
+  background-image:   linear-gradient(to bottom, #0c97ed, #1f86c7);
+}
+
+.js .form-actions .dropbutton-toggle button {
+  border-left: #59a6d5 1px solid;
+}
+
+
+.js .form-actions .dropbutton .dropbutton-action > * {
+  color: #ffffff;
+  text-shadow: 0 1px hsla(0, 0%, 0%, 0.5);
+}
+
+.dropbutton-toggle {
+  border-left: #004b7a 1px solid;
+}
+
+.js .form-actions .dropbutton-toggle button {
+  border-left: #59a6d5 1px solid;
+}
+
+.dropbutton-arrow {
+  border-top-color: black;
+  right: 42%;
+  top: 54%;
+}
+
+.dropbutton-multiple.open .dropbutton-arrow {
+border-bottom: 0.3333em solid black;
+border-top-color: transparent;
+top: 0.6667em;
+}
+
+.form-actions .dropbutton-arrow {
+  border-top-color: white;
+}
+
+.form-actions .dropbutton-multiple.open .dropbutton-arrow {
+border-bottom: 0.3333em solid white;
+}
+
diff --git a/core/themes/seven/seven.info.yml b/core/themes/seven/seven.info.yml
index 62beff8..4e051d1 100644
--- a/core/themes/seven/seven.info.yml
+++ b/core/themes/seven/seven.info.yml
@@ -9,6 +9,7 @@ stylesheets:
     - style.css
     - css/components/buttons.css
     - css/components/buttons.theme.css
+    - css/components/seven.dropbutton.css
 stylesheets-override:
   - vertical-tabs.css
   - jquery.ui.theme.css
diff --git a/core/themes/seven/style.css b/core/themes/seven/style.css
index 5700ea0..1438cf2 100644
--- a/core/themes/seven/style.css
+++ b/core/themes/seven/style.css
@@ -1186,47 +1186,6 @@ h1#overlay-title {
   padding: 0 0 5px 5px;
 }
 
-/* Dropbutton */
-.js .dropbutton-widget {
-  background-color: #fff;
-  background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0), #e7e7e7);
-  background-image: -o-linear-gradient(-90deg, rgba(255, 255, 255, 0), #e7e7e7);
-  background-image: -webkit-linear-gradient(-90deg, rgba(255, 255, 255, 0), #e7e7e7);
-  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), #e7e7e7);
-  border-radius: 5px;
-}
-.js .dropbutton-widget:hover {
-  background-color: #f0f0f0;
-  border-color: #b8b8b8;
-}
-.js .dropbutton-multiple.open .dropbutton-widget:hover {
-  background-color: #fff;
-}
-.dropbutton-content li:first-child > * {
-  text-overflow: ellipsis;
-}
-.dropbutton-multiple.open .dropbutton-content li:first-child > * {
-  text-overflow: clip;
-}
-
-.js .form-actions .dropbutton-widget:focus,
-.js .form-actions .dropbutton-widget:hover {
-  background-color: #73b3dd;
-  border: 1px solid #6ea3bf;
-  border-bottom-color: #4680a0;
-}
-.js .form-actions .dropbutton-widget:active {
-  background-color: #3981b1;
-  border: 1px solid #36647c;
-  border-bottom-color: #284657;
-}
-.js .form-actions .dropbutton-multiple.open .dropbutton-widget:hover {
-  background-color: #9dcae7;
-}
-.js .form-actions .dropbutton-multiple.open .dropbutton-action:hover {
-  background-color: #73b3dd;
-}
-
 /* Disable overlay message */
 #overlay-disable-message {
   background-color: #addafc;
@@ -1747,21 +1706,6 @@ details.fieldset-no-legend {
   }
 }
 
-/**
- * Node form dropbuttons.
- */
-.form-actions .dropbutton-wrapper li a,
-.form-actions .dropbutton-wrapper input {
-  padding: 5px 17px 6px 17px;
-  margin-bottom: 0em;
-  border: medium;
-  border-radius: 0;
-  background: none;
-}
-.form-actions .dropbutton-wrapper input:hover {
-  background: none;
-  border: none;
-}
 /* Delete button */
 .form-actions .button-danger {
   color: #c72100;
@@ -1787,39 +1731,6 @@ details.fieldset-no-legend {
   text-decoration: underline;
 }
 
-/**
- * Form edit action theming
- */
-.js .form-actions .dropbutton-widget {
-  background-color: #50a0e9;
-  background-image: -moz-linear-gradient(-90deg, #50a0e9, #4481dc);
-  background-image: -o-linear-gradient(-90deg, #50a0e9, #4481dc);
-  background-image: -webkit-linear-gradient(-90deg, #50a0e9, #4481dc);
-  background-image: linear-gradient(180deg, #50a0e9, #4481dc);
-  border-radius: 3px;
-  border: 1px solid #3974ae;
-}
-.js .form-actions .dropbutton-widget .dropbutton li {
-  border-top: 1px solid rgba(255, 255, 255, 0.5);
-  border-top-left-radius: 3px;
-}
-.js .form-actions .dropbutton-widget .dropbutton .dropbutton-toggle {
-  border-top-left-radius: 0px;
-  border-top-right-radius: 3px;
-  top: 1px;
-}
-.js .form-actions .dropbutton-widget .dropbutton .secondary-action {
-  border-top: 1px solid rgba(255, 255, 255, 0.3);
-  border-top-left-radius: 0px;
-}
-.js .form-actions .dropbutton-widget .button {
-  color: #ffffff;
-  text-shadow: 1px 1px 1px rgba(31, 83, 131, 0.8);
-}
-.js .form-actions .dropbutton-multiple.open .dropbutton-action:hover {
-  background-color: #50a0e9;
-}
-
 /* Language Admin UI */
 .page-admin-config-regional-language-detection .table-language-group {
   margin-bottom: 3em;