diff --git a/src/webapp/features/collections/components/collectionActions/CollectionActions.tsx b/src/webapp/features/collections/components/collectionActions/CollectionActions.tsx
index 3df1f0d1..11dfde03 100644
--- a/src/webapp/features/collections/components/collectionActions/CollectionActions.tsx
+++ b/src/webapp/features/collections/components/collectionActions/CollectionActions.tsx
@@ -1,8 +1,9 @@
-import { Menu, ActionIcon } from '@mantine/core';
-import { Fragment, useState } from 'react';
-import { BsThreeDots, BsPencilFill, BsTrash2Fill } from 'react-icons/bs';
+import { Group, Menu, ActionIcon, CopyButton, Button } from '@mantine/core';
 import EditCollectionDrawer from '../editCollectionDrawer/EditCollectionDrawer';
 import DeleteCollectionModal from '../deleteCollectionModal/DeleteCollectionModal';
+import { BsThreeDots, BsPencilFill, BsTrash2Fill } from 'react-icons/bs';
+import { MdIosShare } from 'react-icons/md';
+import { useState } from 'react';
 import { useAuth } from '@/hooks/useAuth';
 
 interface Props {
@@ -19,35 +20,48 @@ export default function CollectionActions(props: Props) {
   const [showDeleteModal, setShowDeleteModal] = useState(false);
 
   const isAuthor = user?.handle === props.authorHandle;
+  const shareLink = `${window.location.origin}/profile/${props.authorHandle}/collections/${props.rkey}`;
 
   return (
-    <Fragment>
-      <Menu shadow="sm">
-        <Menu.Target>
-          <ActionIcon variant="light" color={'gray'}>
-            <BsThreeDots size={22} />
-          </ActionIcon>
-        </Menu.Target>
-        <Menu.Dropdown>
-          {isAuthor && (
-            <Fragment>
-              <Menu.Item
-                onClick={() => setShowEditDrawer(true)}
-                leftSection={<BsPencilFill />}
-              >
-                Edit collection
-              </Menu.Item>
-              <Menu.Item
-                color="red"
-                leftSection={<BsTrash2Fill />}
-                onClick={() => setShowDeleteModal(true)}
-              >
-                Delete collection
-              </Menu.Item>
-            </Fragment>
-          )}
-        </Menu.Dropdown>
-      </Menu>
+    <Group>
+      <CopyButton value={shareLink}>
+        {({ copied, copy }) => (
+          <Button
+            variant="light"
+            color="gray"
+            radius={'md'}
+            leftSection={<MdIosShare size={22} />}
+            onClick={copy}
+          >
+            {copied ? 'Link copied!' : 'Share'}
+          </Button>
+        )}
+      </CopyButton>
+      {isAuthor && (
+        <Menu shadow="sm">
+          <Menu.Target>
+            <ActionIcon variant="light" color={'gray'} size={'lg'}>
+              <BsThreeDots size={22} />
+            </ActionIcon>
+          </Menu.Target>
+          <Menu.Dropdown>
+            <Menu.Item
+              onClick={() => setShowEditDrawer(true)}
+              leftSection={<BsPencilFill />}
+            >
+              Edit collection
+            </Menu.Item>
+            <Menu.Item
+              color="red"
+              leftSection={<BsTrash2Fill />}
+              onClick={() => setShowDeleteModal(true)}
+            >
+              Delete collection
+            </Menu.Item>
+          </Menu.Dropdown>
+        </Menu>
+      )}
+
       <EditCollectionDrawer
         isOpen={showEditDrawer}
         onClose={() => setShowEditDrawer(false)}
@@ -63,6 +77,6 @@ export default function CollectionActions(props: Props) {
         onClose={() => setShowDeleteModal(false)}
         collectionId={props.id}
       />
-    </Fragment>
+    </Group>
   );
 }