From b08c34ff599bb475b9005e9dcc78855822f53d63 Mon Sep 17 00:00:00 2001
From: Kushagra Gour <chinchang457@gmail.com>
Date: Thu, 7 Apr 2022 12:56:02 +0530
Subject: [PATCH] fix bugs

---
 src/components/ItemTile.jsx      |  8 ++++----
 src/components/SavedItemPane.jsx | 10 +++++-----
 src/style.css                    |  2 ++
 3 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/components/ItemTile.jsx b/src/components/ItemTile.jsx
index d693f0d..8996380 100644
--- a/src/components/ItemTile.jsx
+++ b/src/components/ItemTile.jsx
@@ -22,22 +22,22 @@ export function ItemTile({
 		>
 			<div class="saved-item-tile__btns">
 				{onForkBtnClick ? (
-					<a
+					<button
 						class="js-saved-item-tile__fork-btn  saved-item-tile__btn hint--left hint--medium"
 						aria-label="Creates a duplicate of this creation (Ctrl/⌘ + F)"
 						onClick={onForkBtnClick}
 					>
 						Fork<span class="show-when-selected">(Ctrl/⌘ + F)</span>
-					</a>
+					</button>
 				) : null}
 				{onRemoveBtnClick ? (
-					<a
+					<button
 						class="js-saved-item-tile__remove-btn  saved-item-tile__btn hint--left"
 						aria-label="Remove"
 						onClick={onRemoveBtnClick}
 					>
 						X
-					</a>
+					</button>
 				) : null}
 			</div>
 			<div className="flex flex-v-center">
diff --git a/src/components/SavedItemPane.jsx b/src/components/SavedItemPane.jsx
index 3a55d8c..b158c82 100644
--- a/src/components/SavedItemPane.jsx
+++ b/src/components/SavedItemPane.jsx
@@ -11,7 +11,7 @@ export default function SavedItemPane({
 	isOpen,
 	closeHandler,
 	onItemSelect,
-	onitemRemove,
+	onItemRemove,
 	onItemFork,
 	onExport,
 	mergeImportedItems
@@ -23,7 +23,7 @@ export default function SavedItemPane({
 	useEffect(() => {
 		if (!itemsMap) return;
 		const newItems = Object.values(itemsMap);
-		newItems.sort(function(a, b) {
+		newItems.sort(function (a, b) {
 			return b.updatedOn - a.updatedOn;
 		});
 		setItems(newItems);
@@ -50,7 +50,7 @@ export default function SavedItemPane({
 	}
 	function itemRemoveBtnClickHandler(item, e) {
 		e.stopPropagation();
-		onitemRemove(item);
+		onItemRemove(item);
 	}
 	function itemForkBtnClickHandler(item, e) {
 		e.stopPropagation();
@@ -213,8 +213,8 @@ export default function SavedItemPane({
 							<ItemTile
 								item={item}
 								onClick={() => itemClickHandler(item)}
-								onForkBtnClick={() => itemForkBtnClickHandler(item)}
-								onRemoveBtnClick={() => itemRemoveBtnClickHandler(item)}
+								onForkBtnClick={e => itemForkBtnClickHandler(item, e)}
+								onRemoveBtnClick={e => itemRemoveBtnClickHandler(item, e)}
 							/>
 						))}
 						{!items.length ? (
diff --git a/src/style.css b/src/style.css
index 8c1f072..14ca869 100644
--- a/src/style.css
+++ b/src/style.css
@@ -1226,6 +1226,7 @@ body > #demo-frame {
 .saved-item-tile__btn {
 	padding: 7px 10px;
 	color: white;
+	border: 0;
 	border-radius: 20px;
 	margin-left: 2px;
 	background: rgba(255, 255, 255, 0.1);
@@ -1254,6 +1255,7 @@ body > #demo-frame {
 	overflow-y: auto;
 	overflow-x: hidden;
 	max-height: calc(100vh - 90px);
+	scroll-behavior: smooth;
 }
 
 .notifications-btn {