diff --git a/arches/app/media/css/arches.scss b/arches/app/media/css/arches.scss
index 0dc19cf46ba..c1ce7bf2e9e 100644
--- a/arches/app/media/css/arches.scss
+++ b/arches/app/media/css/arches.scss
@@ -777,6 +777,25 @@ h4.branch-xl-title {
     margin-top: 25px;
 }
 
+.etl-module-component .delete-type-container{
+    display: flex;
+    flex-direction: row;
+    margin-top: 10px;
+}
+.etl-module-component .delete-type-button{
+    flex: 1;
+    justify-content: center;
+    align-items: center;
+    display: flex;
+    padding: 10px 20px;
+    background-color: #fdfdfd;
+    border: 1px solid #ddd;
+    margin-right: 12px;
+}
+.etl-module-component .delete-type-button.active {
+    font-weight: bold;
+}
+
 .tabbed-workflow-footer, .etl-module-footer {
     background-color: #445769;
     border-top: 1px solid #0E2031;
diff --git a/arches/app/media/js/views/components/etl_modules/bulk-data-deletion.js b/arches/app/media/js/views/components/etl_modules/bulk-data-deletion.js
index f65bc74b4a2..8527170386c 100644
--- a/arches/app/media/js/views/components/etl_modules/bulk-data-deletion.js
+++ b/arches/app/media/js/views/components/etl_modules/bulk-data-deletion.js
@@ -39,6 +39,7 @@ define([
         this.numberOfTiles = ko.observable();
         this.showCount = ko.observable(false);
 
+        this.activeTab  = ko.observable("TileDeletion");
         this.deleteTiles.subscribe((val) => {
             if (!val){
                 self.selectedNodegroup(null);
diff --git a/arches/app/templates/javascript.htm b/arches/app/templates/javascript.htm
index d3e53562cf2..f9b03b9f1fe 100644
--- a/arches/app/templates/javascript.htm
+++ b/arches/app/templates/javascript.htm
@@ -251,7 +251,7 @@
         concept-collection='{% trans "Concept Collection" as conceptCollection %} "{{ conceptCollection|escapejs }}"'
         select-a-concept-collection='{% trans "Select a concept collection" as selectAConceptCollection %} "{{ selectAConceptCollection|escapejs }}"'
         search-url='{% trans "Search Url" as SearchUrl %} "{{ SearchUrl|escapejs }}"'
-        use-search-url='{% trans "Use search url (optional)" as useSearchUrl %} "{{ useSearchUrl|escapejs }}"'
+        use-search-url='{% trans "Use search url" as useSearchUrl %} "{{ useSearchUrl|escapejs }}"'
         before='{% trans "Before" as before %} "{{ before|escapejs }}"'
         after='{% trans "After" as after %} "{{ after|escapejs }}"'
         case-insensitive='{% trans "Case Insensitive" as caseInsensitive %} "{{ caseInsensitive|escapejs }}"'
diff --git a/arches/app/templates/views/components/etl_modules/bulk-data-deletion.htm b/arches/app/templates/views/components/etl_modules/bulk-data-deletion.htm
index d9425716edc..05d2b71a843 100644
--- a/arches/app/templates/views/components/etl_modules/bulk-data-deletion.htm
+++ b/arches/app/templates/views/components/etl_modules/bulk-data-deletion.htm
@@ -4,119 +4,135 @@
 {% block task_details %}
 <!-- ko ifnot: loading() -->
 <div class="etl-module-component-container">
-<div class="etl-module-body">
-    <h2>
-        <span data-bind="text: $root.translations.bulkDataDeletion"></span>
-    </h2>
-    <p class="pad-btm">
-        {% blocktrans %}Delete The Selected Resources or Tiles{% endblocktrans %}
-    </p>
-    <section class="etl-module-component">
-        <div class="etl-module-component-block">
-            <span class="etl-module-subtitle" data-bind="text: $root.translations.deleteResources"></span>
-            <span class="switch switch-small" tabindex="0" role="switch"
-                data-bind="
-                    css: {'on': deleteTiles()},
-                    click: function(){deleteTiles(!deleteTiles())}
-                "><small></small></span>
-            <span class="etl-module-subtitle" data-bind="text: $root.translations.deleteTiles"></span>
-        </div>
-        <!-- ko if: deleteTiles() -->
-        <p class="pad-btm">
-            {% blocktrans %}You can delete the tiles by selecting the nodegroup.
-                The selections can be further limited using the optional search url.{% endblocktrans %}
-        </p>
-        <!-- /ko -->
-        <!-- ko ifnot: deleteTiles() -->
+    <div class="etl-module-body">
+        <h2>
+            <span data-bind="text: $root.translations.bulkDataDeletion"></span>
+        </h2>
         <p class="pad-btm">
-            {% blocktrans %}You can delete the resources by selecting the graph or using search url.
-                If you choose both, only the intersection will be deleted.{% endblocktrans %}
+            {% blocktrans %}Delete The Selected Resources or Tiles{% endblocktrans %}
         </p>
-        <!-- /ko -->
-        <div class="etl-module-component-block">
-            <h3>
-                <label for="resource-model-select" data-bind="text: $root.translations.selectAResourceModel"></label>
-            </h3>
-            <select id="resource-model-select" data-bind="
-                value: selectedGraph,
-                options: graphs,
-                optionsText: 'name',
-                optionsValue: 'graphid',
-                optionsCaption: $root.translations.select + '...',
-                valueAllowUnset: true,
-                chosen: {width: '500px'}"
-            ></select>
-        </div>
-        <!-- ko if: deleteTiles() -->
-        <div class="etl-module-component-block">
-            <h3>
-                <label for="node-select" data-bind="text: $root.translations.selectANodegroup"></label>
-            </h3>
-            <select id="nodegroup-select" data-bind="
-                value: selectedNodegroup,
-                options: nodegroups,
-                optionsText: 'name',
-                optionsCaption: $root.translations.select + '...',
-                optionsValue: 'nodegroupid',
-                valueAllowUnset: true,
-                chosen: {width: '500px'}"
-            ></select>
-        </div>
-        <!-- /ko -->
-        <div class="etl-module-component-block">
-            <h3>
-                <label for="search-url-input" data-bind="text: $root.translations.useSearchUrl"></label>
-            </h3>
-            <textarea id="search-url-input"
-                style="min-height: 100px; width: 80%;"
-                class="form-control textarea textarea-resizable" spellcheck="false" data-bind="textInput: searchUrl"
-            ></textarea>
-        </div>
-    </section>
-    <div class="etl-module-component-block">
-        <p class="pad-btm">
-            <!-- ko if: searchUrl() && !selectedGraph() && !selectedNodegroup()  -->
-            {% blocktrans %}This selection will delete the resource instances from search url{% endblocktrans %}
+        <section class="etl-module-component">
+            <div class="delete-type-container">
+                <div class="delete-type-button" role="button" data-bind="
+                    click:()=>{ activeTab('TileDeletion') },
+                    css: { active:activeTab()==='TileDeletion' }">
+                    {% trans "Delete Tiles" %}
+                </div>
+                <div class="delete-type-button" role="button" data-bind="
+                    click:()=>{ activeTab('DeletionBySearchUrl') },
+                    css: { active:activeTab()==='DeletionBySearchUrl' }">
+                    {% trans "Delete Resources by Search Url" %}
+                </div>
+                <div class="delete-type-button" role="button" data-bind="
+                    click:()=>{ activeTab('DeletionByGraph') },
+                    css: { active:activeTab()==='DeletionByGraph' }">
+                {% trans "Delete Resources by Resource Model" %}
+                </div>
+            </div>
+            <!-- ko if: activeTab() === "TileDeletion" -->
+            <p class="pad-btm">
+                {% blocktrans %}You can delete the tiles by selecting the nodegroup.
+                    The selections can be further limited using the optional search url.{% endblocktrans %}
+            </p>
             <!-- /ko -->
-            <!-- ko if: searchUrl() && selectedGraph() && !selectedNodegroup() -->
-            {% blocktrans %}This selection will delete the resource instances from search url and the selected resource model{% endblocktrans %}
+            <!-- ko if: activeTab() === "DeletionBySearchUrl" -->
+            <p class="pad-btm">
+                {% blocktrans %}You can delete the resources by selecting the graph.{% endblocktrans %}
+            </p>
             <!-- /ko -->
-            <!-- ko if: searchUrl() && selectedNodegroup() -->
-            {% blocktrans %}This selection will delete the tiles in the selected nodegroup from search url{% endblocktrans %}
+            <!-- ko if: activeTab() === "DeletionByGraph" -->
+            <p class="pad-btm">
+                {% blocktrans %}You can delete the resources using search url.{% endblocktrans %}
+            </p>
             <!-- /ko -->
-            <!-- ko if: !searchUrl() && selectedGraph() && !selectedNodegroup() -->
-            {% blocktrans %}This selection will delete all the resource instances from the selected resource model{% endblocktrans %}
+            <!-- ko ifnot: activeTab() === "DeletionBySearchUrl" -->
+            <div class="etl-module-component-block">
+                <h3>
+                    <label for="resource-model-select" data-bind="text: $root.translations.selectAResourceModel"></label>
+                </h3>
+                <select id="resource-model-select" data-bind="
+                    value: selectedGraph,
+                    options: graphs,
+                    optionsText: 'name',
+                    optionsValue: 'graphid',
+                    optionsCaption: $root.translations.select + '...',
+                    valueAllowUnset: true,
+                    chosen: {width: '500px'}"
+                ></select>
+            </div>
             <!-- /ko -->
-            <!-- ko if: !searchUrl() && selectedNodegroup() -->
-            {% blocktrans %}This selection will delete the tiles in the selected nodegroup{% endblocktrans %}
+            <!-- ko if: activeTab() === "TileDeletion" -->
+            <div class="etl-module-component-block">
+                <h3>
+                    <label for="nodegroup-select" data-bind="text: $root.translations.selectANodegroup"></label>
+                </h3>
+                <select id="nodegroup-select" data-bind="
+                    value: selectedNodegroup,
+                    options: nodegroups,
+                    optionsText: 'name',
+                    optionsCaption: $root.translations.select + '...',
+                    optionsValue: 'nodegroupid',
+                    valueAllowUnset: true,
+                    chosen: {width: '500px'}"
+                ></select>
+            </div>
             <!-- /ko -->
-        </p>
-        <button data-bind="click: count, disable: !ready()" class="btn btn-success">
-            <span data-bind="text: $root.translations.confirm"></span>
-            <i class="fa fa-spin fa-spinner" data-bind="visible: counting()"></i>
+            <!-- ko ifnot: activeTab() === "DeletionByGraph" -->
+            <div class="etl-module-component-block">
+                <h3>
+                    <label for="search-url-input" data-bind="text: $root.translations.useSearchUrl"></label>
+                </h3>
+                <textarea id="search-url-input"
+                    style="min-height: 100px; width: 80%;"
+                    class="form-control textarea textarea-resizable" spellcheck="false" data-bind="textInput: searchUrl"
+                ></textarea>
+            </div>
+            <!-- /ko -->
+        </section>
+        <div class="etl-module-component-block">
+            <p class="pad-btm">
+                <!-- ko if: searchUrl() && !selectedGraph() && !selectedNodegroup()  -->
+                {% blocktrans %}This selection will delete the resource instances from search url{% endblocktrans %}
+                <!-- /ko -->
+                <!-- ko if: searchUrl() && selectedGraph() && !selectedNodegroup() -->
+                {% blocktrans %}This selection will delete the resource instances from search url and the selected resource model{% endblocktrans %}
+                <!-- /ko -->
+                <!-- ko if: searchUrl() && selectedNodegroup() -->
+                {% blocktrans %}This selection will delete the tiles in the selected nodegroup from search url{% endblocktrans %}
+                <!-- /ko -->
+                <!-- ko if: !searchUrl() && selectedGraph() && !selectedNodegroup() -->
+                {% blocktrans %}This selection will delete all the resource instances from the selected resource model{% endblocktrans %}
+                <!-- /ko -->
+                <!-- ko if: !searchUrl() && selectedNodegroup() -->
+                {% blocktrans %}This selection will delete the tiles in the selected nodegroup{% endblocktrans %}
+                <!-- /ko -->
+            </p>
+            <button data-bind="click: count, disable: !ready()" class="btn btn-success">
+                <span data-bind="text: $root.translations.confirm"></span>
+                <i class="fa fa-spin fa-spinner" data-bind="visible: counting()"></i>
+            </button>
+            <!-- ko if: showCount() && deleteTiles() -->
+            <p>
+                <i class="fa fa-info-circle"></i>
+                <span data-bind="text: $root.translations.deleteTileCount(numberOfTiles(),numberOfResources())"></span>
+            </p>
+            <!-- /ko -->
+            <!-- ko if: showCount() && !deleteTiles() -->
+            <p style="margin-top: 15px;" >
+                <i class="fa fa-info-circle"></i>
+                <span data-bind="text: $root.translations.deleteResourceCount(numberOfResources())"></span>
+            </p>
+            <!-- /ko -->
+        </div>
+    </div>
+    <div class="tabbed-workflow-footer, etl-module-footer">
+        <button style="margin-right: 8px;" class="btn btn-success" data-bind="
+            click: bulkDelete,
+            disable: (!ready() || !showCount() || numberOfResources()+numberOfTiles() === 0 )">
+            <span data-bind="text: $root.translations.start"></span>
         </button>
-        <!-- ko if: showCount() && deleteTiles() -->
-        <p>
-            <i class="fa fa-info-circle"></i>
-            <span data-bind="text: $root.translations.deleteTileCount(numberOfTiles(),numberOfResources())"></span>
-        </p>
-        <!-- /ko -->
-        <!-- ko if: showCount() && !deleteTiles() -->
-        <p style="margin-top: 15px;" >
-            <i class="fa fa-info-circle"></i>
-            <span data-bind="text: $root.translations.deleteResourceCount(numberOfResources())"></span>
-        </p>
-        <!-- /ko -->
     </div>
 </div>
-<div class="tabbed-workflow-footer, etl-module-footer">
-    <button style="margin-right: 8px;" class="btn btn-success" data-bind="
-        click: bulkDelete,
-        disable: (!ready() || !showCount() || numberOfResources()+numberOfTiles() === 0 )">
-        <span data-bind="text: $root.translations.start"></span>
-    </button>
-</div>
-</div>
 <!-- /ko -->
 {% endblock task_details %}