diff --git a/client/modules/User/components/CollectionItemRow.jsx b/client/modules/User/components/CollectionItemRow.jsx
index e6f3e6d30e..c53d93e0ee 100644
--- a/client/modules/User/components/CollectionItemRow.jsx
+++ b/client/modules/User/components/CollectionItemRow.jsx
@@ -5,7 +5,8 @@ import { useTranslation } from 'react-i18next';
 import { useDispatch } from 'react-redux';
 import { removeFromCollection } from '../../IDE/actions/collections';
 import { formatDateToString } from '../../../utils/formatDate';
-import RemoveIcon from '../../../images/close.svg';
+import { TableDropdown } from '../../../components/Dropdown/TableDropdown';
+import { MenuItem } from '../../../components/Dropdown/MenuItem';
 
 const CollectionItemRow = ({ collection, item, isOwner }) => {
   const { t } = useTranslation();
@@ -48,13 +49,11 @@ const CollectionItemRow = ({ collection, item, isOwner }) => {
       <td>{sketchOwnerUsername}</td>
       <td className="collection-row__action-column">
         {isOwner && (
-          <button
-            className="collection-row__remove-button"
-            onClick={handleSketchRemove}
-            aria-label={t('Collection.SketchRemoveARIA')}
-          >
-            <RemoveIcon focusable="false" aria-hidden="true" />
-          </button>
+          <TableDropdown aria-label={t('Collection.SketchRemoveARIA')}>
+            <MenuItem onClick={handleSketchRemove}>
+              {t('Collection.RemoveFromCollection')}
+            </MenuItem>
+          </TableDropdown>
         )}
       </td>
     </tr>
diff --git a/translations/locales/bn/translations.json b/translations/locales/bn/translations.json
index 613fdb67b2..1b1aeb8f03 100644
--- a/translations/locales/bn/translations.json
+++ b/translations/locales/bn/translations.json
@@ -476,6 +476,7 @@
     "DescriptionPlaceholder": "বর্ণনা যোগ করুন",
     "NumSketches": "{{count}} স্কেচ",
     "By": "সংগ্রহ করেছেন ",
+    "RemoveFromCollection": "Remove from Collection",
     "NoSketches": "সংগ্রহে কোন স্কেচ নেই",
     "TableSummary": "সমস্ত সংগ্রহ ধারণ করা টেবিল",
     "HeaderName": "নাম",
diff --git a/translations/locales/en-US/translations.json b/translations/locales/en-US/translations.json
index 7529a1d9ff..b02f592218 100644
--- a/translations/locales/en-US/translations.json
+++ b/translations/locales/en-US/translations.json
@@ -521,6 +521,7 @@
     "NumSketches": "{{count}} sketch",
     "NumSketches_plural": "{{count}} sketches",
     "By": "Collection by ",
+    "RemoveFromCollection": "Remove from Collection",
     "NoSketches": "No sketches in collection",
     "TableSummary": "table containing all collections",
     "HeaderName": "Name",