4 files changed, 20 insertions, 4 deletions
diff --git a/src/components/Heart.svelte b/src/components/Heart.svelte
new file mode 100644
index 00000000..55b13fa9
--- /dev/null
+++ b/src/components/Heart.svelte
@@ -0,0 +1,16 @@
+<svg
+	width="24"
+	height="24"
+	class="mr-1"
+	viewBox="0 0 24 24"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M4.31802 6.31802C2.56066 8.07538 2.56066 10.9246 4.31802 12.682L12.0001 20.364L19.682 12.682C21.4393 10.9246 21.4393 8.07538 19.682 6.31802C17.9246 4.56066 15.0754 4.56066 13.318 6.31802L12.0001 7.63609L10.682 6.31802C8.92462 4.56066 6.07538 4.56066 4.31802 6.31802Z"
+		stroke="currentColor"
+		stroke-width="2"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+	/>
+</svg>
diff --git a/src/components/Qr.svelte b/src/components/Qr.svelte
index e590a228..35146ec3 100644
--- a/src/components/Qr.svelte
+++ b/src/components/Qr.svelte
@@ -46,10 +46,8 @@
 	div {
 		@apply px-5
       md:px-0
-      w-[292px]
-      h-[302px]
-      md:w-[300px]
-      md:h-[300px]
+      w-[300px]
+      h-[300px]
       rounded-3xl
       block
       md:flex
diff --git a/src/components/Tip.svelte b/src/components/Tip.svelte
index 44728326..d08368d9 100644
--- a/src/components/Tip.svelte
+++ b/src/components/Tip.svelte
@@ -63,6 +63,7 @@
 		showCustomAmount = false;
 	};
 
+let timeout;
 	const handleSlide = (e) => {
 		customTipAmount = '';
 		if (customInput) {
diff --git a/src/components/index.js b/src/components/index.js
index 1a673737..7d01e338 100644
--- a/src/components/index.js
+++ b/src/components/index.js
@@ -1,4 +1,5 @@
 export { default as Check } from './Check.svelte';
+export { default as Heart } from './Heart.svelte';
 export { default as Quote } from './Quote.svelte';
 export { default as LandingHeader } from './LandingHeader.svelte';
 export { default as LandingHero } from './LandingHero.svelte';