diff --git a/js/paragraphs.admin.js b/js/paragraphs.admin.js
index 779fe0d..a162ab0 100644
--- a/js/paragraphs.admin.js
+++ b/js/paragraphs.admin.js
@@ -8,59 +8,72 @@
    * @type {Drupal~behavior}
    */
   Drupal.behaviors.bodyTabs = {
-    attach: function (context, settings) {
-      /** Set content fields to visible when tabs are created. After an action
-       * being performed, stay on the same perspective. **/
-      if($(context).find('.layout-region-node-main').hasClass('behavior-active')) {
-        $(context).find('.layout-region-node-main').removeClass('content-active');
-        $(context).find('.layout-region-node-main').addClass('behavior-active');
-        $(context).find('.paragraphs-tabs').find('#content').removeClass('is-active');
-        $(context).find('.paragraphs-tabs').find('#behavior').addClass('is-active');
-        $('.paragraphs-content').hide();
-        $('.paragraphs-behavior').show();
-      }
-      else {
-        /** Activate content tab visually if there is no previously activated
-         * tab. */
-        if (!($(context).find('.layout-region-node-main').hasClass('content-active')) && !($(context).find('.layout-region-node-main').hasClass('behavior-active'))) {
-          $(context).find('.paragraphs-tabs').find('#content').addClass('is-active');
-          $(context).find('.layout-region-node-main').addClass('content-active');
+    attach: function (context) {
+      var $parWidgets = $('.paragraphs-tabs-wrapper', context).once('paragraphs-bodytabs');
+      $parWidgets.each(function() {
+        var $parWidget = $(this);
+        var $parTabs = $parWidget.find('.paragraphs-tabs');
+        var $parContent = $parWidget.find('.paragraphs-content');
+        var $parBehavior = $parWidget.find('.paragraphs-behavior');
+        var $mainRegion = $parWidget.find('.layout-region-node-main');
+        var $tabContent = $parTabs.find('#content');
+        var $tabBehavior = $parTabs.find('#behavior');
+
+        // Set content fields to visible when tabs are created. After an action
+        // being performed, stay on the same perspective.
+        if ($parWidget.hasClass('behavior-active')) {
+          $parWidget.removeClass('content-active').addClass('behavior-active');
+          $tabContent.removeClass('is-active');
+          $tabBehavior.addClass('is-active');
+          $parContent.hide();
+          $parBehavior.show();
+        }
+        else {
+          // Activate content tab visually if there is no previously
+          // activated tab.
+          if (!($mainRegion.hasClass('content-active'))
+            && !($mainRegion.hasClass('behavior-active'))) {
+            $tabContent.addClass('is-active');
+            $mainRegion.addClass('content-active');
+          }
+
+          $parContent.show();
+          $parBehavior.hide();
         }
-        $('.paragraphs-content').show();
-        $('.paragraphs-behavior').hide();
-      }
-      /** Checking the number of behavior elements and showing tabs only if there
-       * are behavior elements.
-       */
-      if($('.paragraphs-behavior').length != 0) {
-        $(context).find('.paragraphs-tabs-wrapper').find('.paragraphs-tabs').show();
-      }
-      else {
-        $(context).find('.paragraphs-tabs-wrapper').find('.paragraphs-tabs').hide();
-      }
-      /** Create click event. **/
-      $(context).find('.paragraphs-tabs').find('a').click(function(e) {
-        e.preventDefault();
-        /** Switching active class between tabs. */
-        var el = jQuery(this);
-        $(context).find('.paragraphs-tabs').find('li').removeClass('is-active');
-        el.parent('li').addClass('is-active');
-        $(context).find('.layout-region-node-main').removeClass('behavior-active');
-        $(context).find('.layout-region-node-main').removeClass('content-active');
-        $(context).find('.paragraphs-tabs-wrapper').removeClass('is-active');
-        $(context).find(el.attr('href')).addClass('is-active');
-        /** Show/Hide fields based on current active class. */
-        if($(context).find('.paragraphs-tabs-wrapper').find('#content').hasClass('is-active')) {
-          $(context).find('.layout-region-node-main').addClass('content-active');
-          $('.paragraphs-content').show();
-          $('.paragraphs-behavior').hide();
+
+        // Checking the number of behavior elements and showing tabs only if
+        //  there are behavior elements.
+        if ($parBehavior.length != 0) {
+          $parTabs.show();
         }
-        if($(context).find('.paragraphs-tabs-wrapper').find('#behavior').hasClass('is-active')) {
-          $(context).find('.layout-region-node-main').addClass('behavior-active');
-          $('.paragraphs-content').hide();
-          $('.paragraphs-behavior').show();
+        else {
+          $parTabs.hide();
         }
-      } );
+
+        // Create click event.
+        $parTabs.find('a').click(function(e) {
+          e.preventDefault();
+          // Switching active class between tabs.
+          var $this = $(this);
+          $parTabs.find('li').removeClass('is-active');
+          $this.parent('li').addClass('is-active');
+          $mainRegion.removeClass('behavior-active content-active is-active');
+          $($parWidget).find($this.attr('href')).addClass('is-active');
+
+          // Show/Hide fields based on current active class.
+          if ($parWidget.find('#content').hasClass('is-active')) {
+            $mainRegion.addClass('content-active');
+            $parContent.show();
+            $parBehavior.hide();
+          }
+
+          if ($parWidget.find('#behavior').hasClass('is-active')) {
+            $mainRegion.addClass('behavior-active');
+            $parContent.hide();
+            $parBehavior.show();
+          }
+        });
+      });
     }
   };
 
diff --git a/src/Plugin/Field/FieldWidget/ParagraphsWidget.php b/src/Plugin/Field/FieldWidget/ParagraphsWidget.php
index 51946fc..90fc0b3 100644
--- a/src/Plugin/Field/FieldWidget/ParagraphsWidget.php
+++ b/src/Plugin/Field/FieldWidget/ParagraphsWidget.php
@@ -619,7 +619,6 @@ class ParagraphsWidget extends WidgetBase {
         // Build the behavior plugins fields.
         $paragraphs_type = $paragraphs_entity->getParagraphType();
         if ($paragraphs_type && \Drupal::currentUser()->hasPermission('edit behavior plugin settings')) {
-          $element['behavior_plugins']['#weight'] = -99;
           foreach ($paragraphs_type->getEnabledBehaviorPlugins() as $plugin_id => $plugin) {
             $element['behavior_plugins'][$plugin_id] = [
               '#type' => 'container',
diff --git a/src/Tests/Experimental/ParagraphsExperimentalBehaviorsTest.php b/src/Tests/Experimental/ParagraphsExperimentalBehaviorsTest.php
index f4d0736..1df0212 100644
--- a/src/Tests/Experimental/ParagraphsExperimentalBehaviorsTest.php
+++ b/src/Tests/Experimental/ParagraphsExperimentalBehaviorsTest.php
@@ -95,10 +95,6 @@ class ParagraphsExperimentalBehaviorsTest extends ParagraphsExperimentalTestBase
       'field_paragraphs[0][subform][field_text][0][value]' => 'amazing_plugin_test',
       'field_paragraphs[0][behavior_plugins][test_text_color][text_color]' => $plugin_text,
     ];
-    // Assert that the behavior form is after the dropbutton.
-    $behavior_xpath = $this->xpath("//div[@id = 'edit-field-paragraphs-0-top']/following-sibling::*[1][@id = 'edit-field-paragraphs-0-behavior-plugins-test-text-color']");
-    $this->assertNotEqual($behavior_xpath, FALSE, 'Behavior form position incorrect');
-
     $this->drupalPostForm(NULL, $edit, t('Save and publish'));
     // Asserting that the error message is shown.
     $this->assertText('The only allowed values are blue and red.');