diff --git a/cont/list.php b/cont/list.php
index ae9b466..4296707 100644
--- a/cont/list.php
+++ b/cont/list.php
@@ -34,14 +34,14 @@
       }
 
       print_r("<div class='list-row $div_item_row_classes $div_item_row_color_classes'>");
-        print_r("<div class='$div_item_checkbox_classes'><input type='checkbox' class='$input_item_checkbox_classes' data-color='$color_theme' data-id='$item->ID' $checked></div>");
+        print_r("<div class='$div_item_checkbox_classes'><input type='checkbox' class='$input_item_checkbox_classes' data-buttoncolor='$button_theme' data-color='$color_theme' data-id='$item->ID' $checked></div>");
         print_r("<div class='$div_item_quantity_classes'>$item->Anzahl $item->Einheit</div>");
         print_r("<div class='$div_item_name_classes'>$item->Name</div>");
         print_r("<div class='$div_item_menu dropdown'>");
-          print_r("<button type='button' class='btn $button_theme pt-0 pb-0' id='dropdownMenuButtonDataID-" . $item->ID . "' data-toggle='dropdown' aria-haspopup='true' aria-expanded='false'>");
+          print_r("<button type='button' class='dropdown-menu-button btn $button_theme pt-0 pb-0' id='dropdown-menu-button-dataID-" . $item->ID . "' data-toggle='dropdown' aria-haspopup='true' aria-expanded='false'>");
             print_r("<i class='fas fa-angle-down'></i>");
           print_r("</button>");
-          print_r("<div class='dropdown-menu' aria-labelledby='dropdownMenuButtonDataID-" . $item->ID . "'>");
+          print_r("<div class='dropdown-menu' aria-labelledby='dropdown-menu-button-dataID-" . $item->ID . "'>");
             print_r("<button type='button' class='dropdown-item'><i class='fas fa-edit'></i> Bearbeiten</button>");
             print_r("<button type='button' class='dropdown-item'><i class='fas fa-trash-alt'></i> Löschen</button>");
           print_r("</div>");
diff --git a/js/list.js b/js/list.js
index d1ff10c..f39f8f2 100644
--- a/js/list.js
+++ b/js/list.js
@@ -49,15 +49,21 @@ function checkItem() {
     success: function () {
       var dataIdSelector = (`[data-id='${dataId}']`);
       var color = $(dataIdSelector).data("color");
+      var buttoncolor = $(dataIdSelector).data("buttoncolor");
       $(dataIdSelector).parent().parent().removeClass("bg-danger");
+      $(dataIdSelector).parent().parent().find(".dropdown-menu-button").removeClass("btn-danger");
 
       if($(dataIdSelector).prop("checked")){
         $(dataIdSelector).parent().parent().removeClass(color);
         $(dataIdSelector).parent().parent().addClass("bg-success");
+        $(dataIdSelector).parent().parent().find(".dropdown-menu-button").removeClass(buttoncolor);
+        $(dataIdSelector).parent().parent().find(".dropdown-menu-button").addClass("btn-success");
       }
       else{
         $(dataIdSelector).parent().parent().removeClass("bg-success");
         $(dataIdSelector).parent().parent().addClass(color);
+        $(dataIdSelector).parent().parent().find(".dropdown-menu-button").addClass(buttoncolor);
+        $(dataIdSelector).parent().parent().find(".dropdown-menu-button").removeClass("btn-success");
       }
     },
     error: function () {