From c429880038459223d6164ebd788db1c4ec4c0cc0 Mon Sep 17 00:00:00 2001
From: Terry Yiu <963907+tyiu@users.noreply.github.com>
Date: Sat, 8 Jun 2024 12:04:52 -0400
Subject: [PATCH] Reduce margins and make unselected emoji background to be
 clear

---
 Sources/EmojiPicker/EmojiPickerView.swift | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/Sources/EmojiPicker/EmojiPickerView.swift b/Sources/EmojiPicker/EmojiPickerView.swift
index a5ab259..e880ac7 100644
--- a/Sources/EmojiPicker/EmojiPickerView.swift
+++ b/Sources/EmojiPicker/EmojiPickerView.swift
@@ -30,7 +30,7 @@ public struct EmojiPickerView: View {
     }
 
     let columns = [
-        GridItem(.adaptive(minimum: 80))
+        GridItem(.adaptive(minimum: 36))
     ]
 
     let emojis: [Emoji]
@@ -46,11 +46,11 @@ public struct EmojiPickerView: View {
 
     public var body: some View {
         ScrollView {
-            LazyVGrid(columns: columns, spacing: 20) {
+            LazyVGrid(columns: columns) {
                 ForEach(searchResults, id: \.self) { emoji in
                     RoundedRectangle(cornerRadius: 16)
-                        .fill((selectedEmoji == emoji ? selectedColor : Color.gray).opacity(0.4))
-                        .frame(width: 64, height: 64)
+                        .fill((selectedEmoji == emoji ? selectedColor : Color.clear).opacity(0.4))
+                        .frame(width: 36, height: 36)
                         .overlay {
                             Text(emoji.value)
                                 .font(.largeTitle)