trying to fix lists

v4.4.1/scss/_reboot.scss

@@ -144,8 +144,8 @@ ol,
 ul,
 dl {
   margin-top: 0;
-  margin-left: $space-width / 2;
-  padding-left: 0;
+  margin-left: 2px; // $space-width / 2;
+  padding-left: $space-width / 2; //;
   margin-bottom: $line-height-base;
 }
 ol {
@@ -155,8 +155,8 @@ ol {
   margin-left: $font-size-base;
 }
 li {
-  padding-left: $space-width / 2;
-  margin-left: $space-width;
+  padding-left: 0; //$space-width / 2;
+  margin-left: 6px; //$sace-width;
 }
 
 ol ol,
@@ -332,7 +332,11 @@ label {
 // Remove the default `border-radius` that macOS Chrome adds.
 //
 // Details at https://github.com/twbs/bootstrap/issues/24093
+// There's some issues here with the documentation.
+// we need to remove the border and background 
 button {
+  background: none;
+  border: none;
   // stylelint-disable-next-line property-blacklist
   border-radius: 0;
   padding: 0;

v4.4.1/scss/_variables.scss

@@ -1013,15 +1013,15 @@ $list-group-item-padding-y:         $line-height !default;
 $list-group-item-padding-x:         $space-width !default;
 
 $list-group-hover-bg:               $gray-100 !default;
-$list-group-active-color:           $component-active-color !default;
+$list-group-active-color:           $white !default;
 $list-group-active-bg:              $component-active-bg !default;
 $list-group-active-border-color:    $list-group-active-bg !default;
 
 $list-group-disabled-color:         $grayDark !default;
 $list-group-disabled-bg:            $list-group-bg !default;
 
 $list-group-action-color:           $gray-700 !default;
-$list-group-action-hover-color:     $list-group-action-color !default;
+$list-group-action-hover-color:     $white !default;
 
 $list-group-action-active-color:    $body-color !default;
 $list-group-action-active-bg:       $gray-200 !default;