diff --git a/app/javascript/dashboard/routes/dashboard/settings/attributes/Index.vue b/app/javascript/dashboard/routes/dashboard/settings/attributes/Index.vue
index 24ff3ec1b..1aefea59f 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/attributes/Index.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/attributes/Index.vue
@@ -99,15 +99,11 @@ const onClickTabChange = index => {
         :attribute-model="attributeModel"
       />
     </template>
-    <woot-modal
+    <AddAttribute
       v-if="showAddPopup"
       v-model:show="showAddPopup"
       :on-close="hideAddPopup"
-    >
-      <AddAttribute
-        :on-close="hideAddPopup"
-        :selected-attribute-model-tab="selectedTabIndex"
-      />
-    </woot-modal>
+      :selected-attribute-model-tab="selectedTabIndex"
+    />
   </SettingsLayout>
 </template>