From 42cbee8d454405b8efa34d7f282ec739a3325169 Mon Sep 17 00:00:00 2001
From: Gianni Ferullo <giannif@gmail.com>
Date: Thu, 26 Oct 2023 11:17:35 -0400
Subject: [PATCH 1/2] react-components: update search bar button design -
 reduce size of magnifying glass - update gradient colors - remove border
 radius on left side of button

---
 .../src/components/search-bar/search-button.tsx           | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/react-components/src/components/search-bar/search-button.tsx b/packages/react-components/src/components/search-bar/search-button.tsx
index cdf70636..cebc8104 100644
--- a/packages/react-components/src/components/search-bar/search-button.tsx
+++ b/packages/react-components/src/components/search-bar/search-button.tsx
@@ -5,7 +5,7 @@ import { CssVars, SearchContext } from './context'
 import SearchIcon_ from './search-icon'
 
 const time = '2s'
-const purp = '#9933FF'
+const purp = '#E646B6'
 const pink = '#FF6666'
 const strongEasing = 'cubic-bezier(0.920, 0.240, 0.185, 0.730)'
 
@@ -63,7 +63,7 @@ const GradientBox = styled.div`
     height: 100%;
     width: 100%;
     background: linear-gradient(45deg, ${purp} 0%, ${pink} 100%);
-    border-radius: 4px;
+    border-radius: 0 4px 4px 0;
     overflow: hidden;
     &:before {
         animation: ${gradientFade} ${time} linear 0s infinite;
@@ -110,8 +110,8 @@ const Scanner = styled.div`
 const SearchIcon = styled(SearchIcon_)`
     z-index: 1;
     display: flex;
-    width: 60%;
-    height: 60%;
+    width: 50%;
+    height: 50%;
 `
 
 const SearchButton = () => {

From a0cb3bb090570aac659ba41a05bb3d83ff0b2d5f Mon Sep 17 00:00:00 2001
From: Gianni Ferullo <giannif@gmail.com>
Date: Thu, 26 Oct 2023 11:24:50 -0400
Subject: [PATCH 2/2] changeset

---
 .changeset/fresh-balloons-boil.md | 9 +++++++++
 1 file changed, 9 insertions(+)
 create mode 100644 .changeset/fresh-balloons-boil.md

diff --git a/.changeset/fresh-balloons-boil.md b/.changeset/fresh-balloons-boil.md
new file mode 100644
index 00000000..b9d3846b
--- /dev/null
+++ b/.changeset/fresh-balloons-boil.md
@@ -0,0 +1,9 @@
+---
+'@giphy/react-components': minor
+---
+
+update search bar button design
+
+- change gradient colors of search button
+- reduce size of magnifying glass in search button
+- remove border radius of search button on left side 
\ No newline at end of file