diff --git a/packages/template-retail-react-app/app/assets/svg/sparkle.svg b/packages/template-retail-react-app/app/assets/svg/sparkle.svg
index cc2d9c5bdb..535c51c309 100644
--- a/packages/template-retail-react-app/app/assets/svg/sparkle.svg
+++ b/packages/template-retail-react-app/app/assets/svg/sparkle.svg
@@ -1,3 +1,10 @@
-<svg width="24" height="24" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true">
-    <path d="M23.7132 14.7102L19.6052 16.7621C18.3698 17.3755 17.3755 18.3782 16.7578 19.6094L14.7059 23.7132C14.414 24.2971 13.5763 24.2971 13.2844 23.7132L11.2325 19.6094C10.619 18.3782 9.61631 17.3798 8.38516 16.7621L4.28554 14.7102C3.70169 14.4182 3.70169 13.5805 4.28554 13.2886L8.39362 11.2367C9.629 10.6232 10.6232 9.62054 11.2409 8.38939L13.2886 4.28554C13.5805 3.70169 14.4182 3.70169 14.7102 4.28554L16.7621 8.38939C17.3755 9.62054 18.3782 10.619 19.6094 11.2367L23.7175 13.2886C24.3013 13.5805 24.3013 14.4182 23.7175 14.7102H23.7132Z" fill="#000"/>
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2929_434529)">
+<path d="M8.28086 12.9162C8.20647 12.6278 8.05615 12.3646 7.84555 12.154C7.63494 11.9434 7.37176 11.7931 7.08336 11.7187L1.97086 10.4004C1.88364 10.3756 1.80687 10.3231 1.75221 10.2508C1.69754 10.1784 1.66797 10.0902 1.66797 9.99956C1.66797 9.90889 1.69754 9.82069 1.75221 9.74835C1.80687 9.67601 1.88364 9.62348 1.97086 9.59872L7.08336 8.27956C7.37166 8.20523 7.63477 8.05503 7.84537 7.84459C8.05596 7.63414 8.20634 7.37113 8.28086 7.08289L9.5992 1.97039C9.6237 1.88282 9.67618 1.80567 9.74863 1.75072C9.82108 1.69576 9.90951 1.66602 10.0004 1.66602C10.0914 1.66602 10.1798 1.69576 10.2523 1.75072C10.3247 1.80567 10.3772 1.88282 10.4017 1.97039L11.7192 7.08289C11.7936 7.37128 11.9439 7.63447 12.1545 7.84507C12.3651 8.05567 12.6283 8.20599 12.9167 8.28039L18.0292 9.59789C18.1171 9.62214 18.1946 9.67456 18.2499 9.74712C18.3052 9.81968 18.3351 9.90836 18.3351 9.99956C18.3351 10.0908 18.3052 10.1794 18.2499 10.252C18.1946 10.3245 18.1171 10.377 18.0292 10.4012L12.9167 11.7187C12.6283 11.7931 12.3651 11.9434 12.1545 12.154C11.9439 12.3646 11.7936 12.6278 11.7192 12.9162L10.4009 18.0287C10.3764 18.1163 10.3239 18.1934 10.2514 18.2484C10.179 18.3034 10.0905 18.3331 9.99961 18.3331C9.90868 18.3331 9.82025 18.3034 9.7478 18.2484C9.67535 18.1934 9.62287 18.1163 9.59836 18.0287L8.28086 12.9162Z" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_2929_434529">
+<rect width="20" height="20" fill="white"/>
+</clipPath>
+</defs>
 </svg>
diff --git a/packages/template-retail-react-app/app/components/icons/index.jsx b/packages/template-retail-react-app/app/components/icons/index.jsx
index 71e0466a75..fae32ffea6 100644
--- a/packages/template-retail-react-app/app/components/icons/index.jsx
+++ b/packages/template-retail-react-app/app/components/icons/index.jsx
@@ -202,7 +202,7 @@ export const SocialPinterestIcon = icon('social-pinterest', {
 })
 export const SocialTwitterIcon = icon('social-twitter')
 export const SocialYoutubeIcon = icon('social-youtube')
-export const SparkleIcon = icon('sparkle')
+export const SparkleIcon = icon('sparkle', {viewBox: '0 0 20 20'})
 export const StoreIcon = icon('store')
 export const SignoutIcon = icon('signout')
 export const UserIcon = icon('user')
diff --git a/packages/template-retail-react-app/app/components/search/index.jsx b/packages/template-retail-react-app/app/components/search/index.jsx
index c651c5154c..29d043737a 100644
--- a/packages/template-retail-react-app/app/components/search/index.jsx
+++ b/packages/template-retail-react-app/app/components/search/index.jsx
@@ -224,13 +224,13 @@ const Search = (props) => {
         }
     }
 
-    const clearInput = () => {
+    const clearInput = useCallback(() => {
         searchInputRef.current?.blur()
         setIsOpen(false)
-    }
+    }, [])
 
     // Function to set pre-chat fields only when launching a new chat session
-    const setPrechatFieldsForNewSession = () => {
+    const setPrechatFieldsForNewSession = useCallback(() => {
         // Only set pre-chat fields if this is a new chat launch (not already launched)
         if (!miawChatRef.current.newChatLaunched) {
             if (window.embeddedservice_bootstrap?.prechatAPI) {
@@ -247,7 +247,17 @@ const Search = (props) => {
                 })
             }
         }
-    }
+    }, [
+        siteId,
+        locale,
+        commerceOrgId,
+        usid,
+        refreshToken,
+        sfLanguage,
+        appOrigin,
+        buildUrl,
+        location
+    ])
 
     useEffect(() => {
         const handleEmbeddedMessageSent = (e) => {
@@ -274,7 +284,7 @@ const Search = (props) => {
             window.removeEventListener('onEmbeddedMessageSent', handleEmbeddedMessageSent)
         }
     }, [])
-    const launchChat = () => {
+    const launchChat = useCallback(() => {
         // Set pre-chat fields only for new sessions
         setPrechatFieldsForNewSession()
 
@@ -295,7 +305,7 @@ const Search = (props) => {
             ?.catch((err) => {
                 console.error('launchChat error', err)
             })
-    }
+    }, [setPrechatFieldsForNewSession])
 
     const onSubmitSearch = (e) => {
         e.preventDefault()
@@ -425,11 +435,12 @@ const Search = (props) => {
             <HideOnDesktop>
                 <Flex
                     display={isOpen || searchInputRef?.value?.length > 0 ? 'block' : 'none'}
-                    postion="absolute"
+                    position="absolute"
                     background="white"
                     left={0}
                     right={0}
                     height="100vh"
+                    overflowX="hidden"
                 >
                     {searchSuggestion.isLoading ? (
                         <Spinner
diff --git a/packages/template-retail-react-app/app/components/search/partials/ask-assistant-banner.jsx b/packages/template-retail-react-app/app/components/search/partials/ask-assistant-banner.jsx
index f8e4cefa4c..e66dba3cf3 100644
--- a/packages/template-retail-react-app/app/components/search/partials/ask-assistant-banner.jsx
+++ b/packages/template-retail-react-app/app/components/search/partials/ask-assistant-banner.jsx
@@ -7,38 +7,47 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 import {Box, Text} from '@salesforce/retail-react-app/app/components/shared/ui'
-import {FormattedMessage} from 'react-intl'
+import {useIntl} from 'react-intl'
 import {SparkleIcon, ChevronRightIcon} from '@salesforce/retail-react-app/app/components/icons'
 
 const AskAssistantBanner = ({onClick, styles}) => {
+    const intl = useIntl()
+    const title = intl.formatMessage({
+        id: 'search.suggestions.askAssistant.title',
+        defaultMessage: 'Ask Shopping Agent'
+    })
+    const description = intl.formatMessage({
+        id: 'search.suggestions.askAssistant.description',
+        defaultMessage: 'Discover, compare, and shop smarter with your personal Shopping Agent.'
+    })
+    const ariaLabel = `${title} - ${description}`
+
+    const handleInteraction = (e) => {
+        e.preventDefault()
+        onClick?.()
+    }
+
     return (
         <Box
             {...styles.askAssistantBanner}
             as="button"
             type="button"
-            width="full"
             textAlign="left"
-            onClick={onClick}
-            aria-label="Ask Assistant - Discover, compare and shop smarter with your personal shopping assistant"
+            onClick={handleInteraction}
+            aria-label={ariaLabel}
         >
+            <Box {...styles.askAssistantBannerIcon}>
+                <SparkleIcon boxSize={5} color="gray.800" />
+            </Box>
             <Box {...styles.askAssistantBannerContent}>
-                <Box {...styles.askAssistantBannerIcon} as={SparkleIcon} boxSize={6} />
-                <Box>
-                    <Text {...styles.askAssistantBannerTitle}>
-                        <FormattedMessage
-                            defaultMessage="Ask Shopping Agent"
-                            id="search.suggestions.askAssistant.title"
-                        />
-                    </Text>
-                    <Text {...styles.askAssistantBannerDescription}>
-                        <FormattedMessage
-                            defaultMessage="Discover, compare, and shop smarter with your personal Shopping Agent."
-                            id="search.suggestions.askAssistant.description"
-                        />
-                    </Text>
+                <Box {...styles.askAssistantBannerTitleRow}>
+                    <Text {...styles.askAssistantBannerTitle}>{title}</Text>
+                    <Box {...styles.askAssistantBannerArrow}>
+                        <ChevronRightIcon boxSize={5} color="gray.800" />
+                    </Box>
                 </Box>
+                <Text {...styles.askAssistantBannerDescription}>{description}</Text>
             </Box>
-            <Box {...styles.askAssistantBannerArrow} as={ChevronRightIcon} boxSize={5} />
         </Box>
     )
 }
diff --git a/packages/template-retail-react-app/app/components/search/partials/ask-assistant-banner.test.jsx b/packages/template-retail-react-app/app/components/search/partials/ask-assistant-banner.test.jsx
index a1205b130a..562edc3de5 100644
--- a/packages/template-retail-react-app/app/components/search/partials/ask-assistant-banner.test.jsx
+++ b/packages/template-retail-react-app/app/components/search/partials/ask-assistant-banner.test.jsx
@@ -13,21 +13,22 @@ import AskAssistantBanner from '@salesforce/retail-react-app/app/components/sear
 const baseStyles = {
     askAssistantBanner: {},
     askAssistantBannerContent: {},
+    askAssistantBannerTitleRow: {},
     askAssistantBannerIcon: {},
     askAssistantBannerTitle: {},
     askAssistantBannerDescription: {},
     askAssistantBannerArrow: {}
 }
 
-test('renders Ask Assistant banner with title and description', () => {
+test('renders Ask Shopping Agent banner with title and description', () => {
     renderWithProviders(<AskAssistantBanner onClick={jest.fn()} styles={baseStyles} />)
 
     expect(
         screen.getByRole('button', {
-            name: /ask assistant.*discover, compare and shop smarter/i
+            name: /Ask Shopping Agent.*discover, compare,? and shop smarter/i
         })
     ).toBeInTheDocument()
-    expect(screen.getByText('Ask Shopping Agent')).toBeInTheDocument()
+    expect(screen.getByText((content) => content === 'Ask Shopping Agent')).toBeInTheDocument()
     expect(
         screen.getByText(/Discover, compare, and shop smarter with your personal Shopping Agent/i)
     ).toBeInTheDocument()
@@ -40,7 +41,7 @@ test('calls onClick when banner is clicked', async () => {
     renderWithProviders(<AskAssistantBanner onClick={onClick} styles={baseStyles} />)
 
     const button = screen.getByRole('button', {
-        name: /ask assistant.*discover, compare and shop smarter/i
+        name: /Ask Shopping Agent.*discover, compare,? and shop smarter/i
     })
     await user.click(button)
 
diff --git a/packages/template-retail-react-app/app/components/search/partials/search-suggestions-section.test.jsx b/packages/template-retail-react-app/app/components/search/partials/search-suggestions-section.test.jsx
index 0ee97c2d34..cfcf7fcae0 100644
--- a/packages/template-retail-react-app/app/components/search/partials/search-suggestions-section.test.jsx
+++ b/packages/template-retail-react-app/app/components/search/partials/search-suggestions-section.test.jsx
@@ -31,6 +31,7 @@ const baseStyles = {
     phraseContainer: {},
     askAssistantBanner: {},
     askAssistantBannerContent: {},
+    askAssistantBannerTitleRow: {},
     askAssistantBannerIcon: {},
     askAssistantBannerTitle: {},
     askAssistantBannerDescription: {},
@@ -144,8 +145,8 @@ test('renders nothing when there are no categories, products, or phrase suggesti
     expect(screen.queryByTestId('sf-horizontal-product-suggestions')).not.toBeInTheDocument()
 })
 
-describe('Ask Assistant banner', () => {
-    test('renders Ask Assistant banner when showAskAssistantBanner and onAskAssistantClick are provided', () => {
+describe('Ask Shopping Agent banner', () => {
+    test('renders Ask Shopping Agent banner when showAskAssistantBanner and onAskAssistantClick are provided', () => {
         const searchSuggestions = makeSearchSuggestions({
             categorySuggestions: [{type: 'category', name: 'Women', link: '/women'}]
         })
@@ -161,12 +162,12 @@ describe('Ask Assistant banner', () => {
         )
 
         const banners = screen.getAllByRole('button', {
-            name: /ask assistant.*discover, compare and shop smarter/i
+            name: /Ask Shopping Agent.*discover, compare,? and shop smarter/i
         })
         expect(banners.length).toBeGreaterThanOrEqual(1)
     })
 
-    test('does not render Ask Assistant banner when showAskAssistantBanner is false', () => {
+    test('does not render Ask Shopping Agent banner when showAskAssistantBanner is false', () => {
         const searchSuggestions = makeSearchSuggestions({
             categorySuggestions: [{type: 'category', name: 'Women', link: '/women'}]
         })
@@ -183,12 +184,12 @@ describe('Ask Assistant banner', () => {
 
         expect(
             screen.queryByRole('button', {
-                name: /ask assistant.*discover, compare and shop smarter/i
+                name: /Ask Shopping Agent.*discover, compare,? and shop smarter/i
             })
         ).not.toBeInTheDocument()
     })
 
-    test('does not render Ask Assistant banner when onAskAssistantClick is not provided', () => {
+    test('does not render Ask Shopping Agent banner when onAskAssistantClick is not provided', () => {
         const searchSuggestions = makeSearchSuggestions({
             categorySuggestions: [{type: 'category', name: 'Women', link: '/women'}]
         })
@@ -204,12 +205,12 @@ describe('Ask Assistant banner', () => {
 
         expect(
             screen.queryByRole('button', {
-                name: /ask assistant.*discover, compare and shop smarter/i
+                name: /Ask Shopping Agent.*discover, compare,? and shop smarter/i
             })
         ).not.toBeInTheDocument()
     })
 
-    test('clicking Ask Assistant banner calls onAskAssistantClick', async () => {
+    test('clicking Ask Shopping Agent banner calls onAskAssistantClick', async () => {
         const user = userEvent.setup()
         const onAskAssistantClick = jest.fn()
         const searchSuggestions = makeSearchSuggestions({
@@ -227,7 +228,7 @@ describe('Ask Assistant banner', () => {
         )
 
         const banner = screen.getAllByRole('button', {
-            name: /ask assistant.*discover, compare and shop smarter/i
+            name: /Ask Shopping Agent.*discover, compare,? and shop smarter/i
         })[0]
         await user.click(banner)
 
diff --git a/packages/template-retail-react-app/app/components/search/partials/search-suggestions.test.jsx b/packages/template-retail-react-app/app/components/search/partials/search-suggestions.test.jsx
index 8e37da9321..18319bf612 100644
--- a/packages/template-retail-react-app/app/components/search/partials/search-suggestions.test.jsx
+++ b/packages/template-retail-react-app/app/components/search/partials/search-suggestions.test.jsx
@@ -20,9 +20,9 @@ jest.mock(
                     <button
                         type="button"
                         onClick={props.onAskAssistantClick}
-                        aria-label="Ask Assistant - Discover, compare and shop smarter with your personal shopping assistant"
+                        aria-label="Ask Shopping Agent - Discover, compare and shop smarter with your personal shopping assistant"
                     >
-                        Ask Assistant
+                        Ask Shopping Agent
                     </button>
                 )}
             </div>
@@ -32,7 +32,7 @@ jest.mock(
     }
 )
 
-test('when no suggestions: renders RecentSearches and shows Ask Assistant banner when enabled with click handler', () => {
+test('when no suggestions: renders RecentSearches and shows Ask Shopping Agent banner when enabled with click handler', () => {
     renderWithProviders(
         <SearchSuggestions
             recentSearches={['shoes', 'dress']}
@@ -46,12 +46,12 @@ test('when no suggestions: renders RecentSearches and shows Ask Assistant banner
     expect(screen.getByTestId('sf-suggestion-recent')).toBeInTheDocument()
     expect(
         screen.getByRole('button', {
-            name: /ask assistant.*discover, compare and shop smarter/i
+            name: /Ask Shopping Agent.*discover, compare,? and shop smarter/i
         })
     ).toBeInTheDocument()
 })
 
-test('when no suggestions and enableAgentFromSearchSuggestions false: does not show Ask Assistant banner', () => {
+test('when no suggestions and enableAgentFromSearchSuggestions false: does not show Ask Shopping Agent banner', () => {
     renderWithProviders(
         <SearchSuggestions
             recentSearches={['shoes']}
@@ -65,12 +65,12 @@ test('when no suggestions and enableAgentFromSearchSuggestions false: does not s
     expect(screen.getByTestId('sf-suggestion-recent')).toBeInTheDocument()
     expect(
         screen.queryByRole('button', {
-            name: /ask assistant.*discover, compare and shop smarter/i
+            name: /Ask Shopping Agent.*discover, compare,? and shop smarter/i
         })
     ).not.toBeInTheDocument()
 })
 
-test('when no suggestions and onAskAssistantClick not provided: does not show Ask Assistant banner', () => {
+test('when no suggestions and onAskAssistantClick not provided: does not show Ask Shopping Agent banner', () => {
     renderWithProviders(
         <SearchSuggestions
             recentSearches={['shoes']}
@@ -82,7 +82,7 @@ test('when no suggestions and onAskAssistantClick not provided: does not show As
 
     expect(
         screen.queryByRole('button', {
-            name: /ask assistant.*discover, compare and shop smarter/i
+            name: /Ask Shopping Agent.*discover, compare,? and shop smarter/i
         })
     ).not.toBeInTheDocument()
 })
@@ -100,7 +100,7 @@ test('enableAgentFromSearchSuggestions string "true" shows banner when no sugges
 
     expect(
         screen.getByRole('button', {
-            name: /ask assistant.*discover, compare and shop smarter/i
+            name: /Ask Shopping Agent.*discover, compare,? and shop smarter/i
         })
     ).toBeInTheDocument()
 })
@@ -121,7 +121,7 @@ test('when has suggestions: renders SuggestionSection with showAskAssistantBanne
 
     expect(screen.getByTestId('suggestion-section')).toBeInTheDocument()
     const banner = screen.getByRole('button', {
-        name: /ask assistant.*discover, compare and shop smarter/i
+        name: /Ask Shopping Agent.*discover, compare,? and shop smarter/i
     })
     expect(banner).toBeInTheDocument()
 })
@@ -142,7 +142,7 @@ test('when has suggestions and banner enabled: clicking banner calls onAskAssist
     )
 
     const banner = screen.getByRole('button', {
-        name: /ask assistant.*discover, compare and shop smarter/i
+        name: /Ask Shopping Agent.*discover, compare,? and shop smarter/i
     })
     await user.click(banner)
     expect(onAskAssistantClick).toHaveBeenCalledTimes(1)
diff --git a/packages/template-retail-react-app/app/static/translations/compiled/da-DK.json b/packages/template-retail-react-app/app/static/translations/compiled/da-DK.json
index 38362c72ca..29cbd18c27 100644
--- a/packages/template-retail-react-app/app/static/translations/compiled/da-DK.json
+++ b/packages/template-retail-react-app/app/static/translations/compiled/da-DK.json
@@ -3123,6 +3123,18 @@
       "value": "Annuller"
     }
   ],
+  "search.suggestions.askAssistant.description": [
+    {
+      "type": 0,
+      "value": "Opdag, sammenlign og shop smartere med din personlige shoppingassistent."
+    }
+  ],
+  "search.suggestions.askAssistant.title": [
+    {
+      "type": 0,
+      "value": "Spørg shoppingassistenten"
+    }
+  ],
   "selected_refinements.action.assistive_msg.clear_all": [
     {
       "type": 0,
diff --git a/packages/template-retail-react-app/app/static/translations/compiled/de-DE.json b/packages/template-retail-react-app/app/static/translations/compiled/de-DE.json
index 3db29b67a7..b6f09a075c 100644
--- a/packages/template-retail-react-app/app/static/translations/compiled/de-DE.json
+++ b/packages/template-retail-react-app/app/static/translations/compiled/de-DE.json
@@ -3119,6 +3119,18 @@
       "value": "Abbrechen"
     }
   ],
+  "search.suggestions.askAssistant.description": [
+    {
+      "type": 0,
+      "value": "Entdecken, vergleichen und mit Ihrem persönlichen Shopping-Assistenten cleverer einkaufen."
+    }
+  ],
+  "search.suggestions.askAssistant.title": [
+    {
+      "type": 0,
+      "value": "Shopping-Assistent fragen"
+    }
+  ],
   "selected_refinements.action.assistive_msg.clear_all": [
     {
       "type": 0,
diff --git a/packages/template-retail-react-app/app/static/translations/compiled/es-MX.json b/packages/template-retail-react-app/app/static/translations/compiled/es-MX.json
index 6446c7830a..8a578dc572 100644
--- a/packages/template-retail-react-app/app/static/translations/compiled/es-MX.json
+++ b/packages/template-retail-react-app/app/static/translations/compiled/es-MX.json
@@ -3181,6 +3181,18 @@
       "value": "Cancelar"
     }
   ],
+  "search.suggestions.askAssistant.description": [
+    {
+      "type": 0,
+      "value": "Descubre, compara y compra con más inteligencia con tu asistente de compras personal."
+    }
+  ],
+  "search.suggestions.askAssistant.title": [
+    {
+      "type": 0,
+      "value": "Preguntar al asistente de compras"
+    }
+  ],
   "selected_refinements.action.assistive_msg.clear_all": [
     {
       "type": 0,
diff --git a/packages/template-retail-react-app/app/static/translations/compiled/fi-FI.json b/packages/template-retail-react-app/app/static/translations/compiled/fi-FI.json
index 6a6297293a..9b383ac12e 100644
--- a/packages/template-retail-react-app/app/static/translations/compiled/fi-FI.json
+++ b/packages/template-retail-react-app/app/static/translations/compiled/fi-FI.json
@@ -3135,6 +3135,18 @@
       "value": "Peruuta"
     }
   ],
+  "search.suggestions.askAssistant.description": [
+    {
+      "type": 0,
+      "value": "Löydä, vertaile ja osta fiksummin henkilökohtaisen ostosavustajasi kanssa."
+    }
+  ],
+  "search.suggestions.askAssistant.title": [
+    {
+      "type": 0,
+      "value": "Kysy ostosavustajalta"
+    }
+  ],
   "selected_refinements.action.assistive_msg.clear_all": [
     {
       "type": 0,
diff --git a/packages/template-retail-react-app/app/static/translations/compiled/fr-FR.json b/packages/template-retail-react-app/app/static/translations/compiled/fr-FR.json
index ac41c117b8..f439a42a93 100644
--- a/packages/template-retail-react-app/app/static/translations/compiled/fr-FR.json
+++ b/packages/template-retail-react-app/app/static/translations/compiled/fr-FR.json
@@ -3181,6 +3181,18 @@
       "value": "Annuler"
     }
   ],
+  "search.suggestions.askAssistant.description": [
+    {
+      "type": 0,
+      "value": "Découvrez, comparez et achetez plus malin avec votre assistant shopping personnel."
+    }
+  ],
+  "search.suggestions.askAssistant.title": [
+    {
+      "type": 0,
+      "value": "Demander l'assistant shopping"
+    }
+  ],
   "selected_refinements.action.assistive_msg.clear_all": [
     {
       "type": 0,
diff --git a/packages/template-retail-react-app/app/static/translations/compiled/it-IT.json b/packages/template-retail-react-app/app/static/translations/compiled/it-IT.json
index 9e35ea8ac1..e98a69754f 100644
--- a/packages/template-retail-react-app/app/static/translations/compiled/it-IT.json
+++ b/packages/template-retail-react-app/app/static/translations/compiled/it-IT.json
@@ -3099,6 +3099,18 @@
       "value": "Annulla"
     }
   ],
+  "search.suggestions.askAssistant.description": [
+    {
+      "type": 0,
+      "value": "Scopri, confronta e acquista in modo più intelligente con il tuo assistente shopping personale."
+    }
+  ],
+  "search.suggestions.askAssistant.title": [
+    {
+      "type": 0,
+      "value": "Chiedi all'assistente shopping"
+    }
+  ],
   "selected_refinements.action.assistive_msg.clear_all": [
     {
       "type": 0,
diff --git a/packages/template-retail-react-app/app/static/translations/compiled/ja-JP.json b/packages/template-retail-react-app/app/static/translations/compiled/ja-JP.json
index d380066ce3..ee7854b5d8 100644
--- a/packages/template-retail-react-app/app/static/translations/compiled/ja-JP.json
+++ b/packages/template-retail-react-app/app/static/translations/compiled/ja-JP.json
@@ -3123,6 +3123,18 @@
       "value": "キャンセル"
     }
   ],
+  "search.suggestions.askAssistant.description": [
+    {
+      "type": 0,
+      "value": "パーソナルショッピングアシスタントで、より賢く発見・比較・ショッピング。"
+    }
+  ],
+  "search.suggestions.askAssistant.title": [
+    {
+      "type": 0,
+      "value": "ショッピングアシスタントに聞く"
+    }
+  ],
   "selected_refinements.action.assistive_msg.clear_all": [
     {
       "type": 0,
diff --git a/packages/template-retail-react-app/app/static/translations/compiled/ko-KR.json b/packages/template-retail-react-app/app/static/translations/compiled/ko-KR.json
index 5c7c1535e1..c0e445fcdc 100644
--- a/packages/template-retail-react-app/app/static/translations/compiled/ko-KR.json
+++ b/packages/template-retail-react-app/app/static/translations/compiled/ko-KR.json
@@ -3115,6 +3115,18 @@
       "value": "취소"
     }
   ],
+  "search.suggestions.askAssistant.description": [
+    {
+      "type": 0,
+      "value": "개인 쇼핑 어시스턴트와 함께 더 스마트하게 찾고, 비교하고, 쇼핑하세요."
+    }
+  ],
+  "search.suggestions.askAssistant.title": [
+    {
+      "type": 0,
+      "value": "쇼핑 어시스턴트에게 문의"
+    }
+  ],
   "selected_refinements.action.assistive_msg.clear_all": [
     {
       "type": 0,
diff --git a/packages/template-retail-react-app/app/static/translations/compiled/nl-NL.json b/packages/template-retail-react-app/app/static/translations/compiled/nl-NL.json
index 0fc74e59c5..41d56a8c92 100644
--- a/packages/template-retail-react-app/app/static/translations/compiled/nl-NL.json
+++ b/packages/template-retail-react-app/app/static/translations/compiled/nl-NL.json
@@ -3127,6 +3127,18 @@
       "value": "Annuleren"
     }
   ],
+  "search.suggestions.askAssistant.description": [
+    {
+      "type": 0,
+      "value": "Ontdek, vergelijk en shop slimmer met je persoonlijke shoppingassistent."
+    }
+  ],
+  "search.suggestions.askAssistant.title": [
+    {
+      "type": 0,
+      "value": "Vraag de shoppingassistent"
+    }
+  ],
   "selected_refinements.action.assistive_msg.clear_all": [
     {
       "type": 0,
diff --git a/packages/template-retail-react-app/app/static/translations/compiled/no-NO.json b/packages/template-retail-react-app/app/static/translations/compiled/no-NO.json
index 7b35608e93..76c1253dc6 100644
--- a/packages/template-retail-react-app/app/static/translations/compiled/no-NO.json
+++ b/packages/template-retail-react-app/app/static/translations/compiled/no-NO.json
@@ -3123,6 +3123,18 @@
       "value": "Avbryt"
     }
   ],
+  "search.suggestions.askAssistant.description": [
+    {
+      "type": 0,
+      "value": "Upptäck, jämför och handla smartare med din personliga shoppingassistent."
+    }
+  ],
+  "search.suggestions.askAssistant.title": [
+    {
+      "type": 0,
+      "value": "Fråga shoppingassistenten"
+    }
+  ],
   "selected_refinements.action.assistive_msg.clear_all": [
     {
       "type": 0,
diff --git a/packages/template-retail-react-app/app/static/translations/compiled/pl-PL.json b/packages/template-retail-react-app/app/static/translations/compiled/pl-PL.json
index bb3be071e2..5ea6594084 100644
--- a/packages/template-retail-react-app/app/static/translations/compiled/pl-PL.json
+++ b/packages/template-retail-react-app/app/static/translations/compiled/pl-PL.json
@@ -3131,6 +3131,18 @@
       "value": "Anuluj"
     }
   ],
+  "search.suggestions.askAssistant.description": [
+    {
+      "type": 0,
+      "value": "Odkrywaj, porównuj i kupuj mądrzej z osobistym asystentem zakupów."
+    }
+  ],
+  "search.suggestions.askAssistant.title": [
+    {
+      "type": 0,
+      "value": "Zapytaj asystenta zakupów"
+    }
+  ],
   "selected_refinements.action.assistive_msg.clear_all": [
     {
       "type": 0,
diff --git a/packages/template-retail-react-app/app/static/translations/compiled/pt-BR.json b/packages/template-retail-react-app/app/static/translations/compiled/pt-BR.json
index f9a291cdaa..294efd50e5 100644
--- a/packages/template-retail-react-app/app/static/translations/compiled/pt-BR.json
+++ b/packages/template-retail-react-app/app/static/translations/compiled/pt-BR.json
@@ -3131,6 +3131,18 @@
       "value": "Cancelar"
     }
   ],
+  "search.suggestions.askAssistant.description": [
+    {
+      "type": 0,
+      "value": "Descubra, compare e compre com mais inteligência com seu assistente de compras pessoal."
+    }
+  ],
+  "search.suggestions.askAssistant.title": [
+    {
+      "type": 0,
+      "value": "Perguntar ao assistente de compras"
+    }
+  ],
   "selected_refinements.action.assistive_msg.clear_all": [
     {
       "type": 0,
diff --git a/packages/template-retail-react-app/app/static/translations/compiled/sv-SE.json b/packages/template-retail-react-app/app/static/translations/compiled/sv-SE.json
index f8df619111..0ff19ead01 100644
--- a/packages/template-retail-react-app/app/static/translations/compiled/sv-SE.json
+++ b/packages/template-retail-react-app/app/static/translations/compiled/sv-SE.json
@@ -3127,6 +3127,18 @@
       "value": "Avbryt"
     }
   ],
+  "search.suggestions.askAssistant.description": [
+    {
+      "type": 0,
+      "value": "Upptäck, jämför och handla smartare med din personliga shoppingassistent."
+    }
+  ],
+  "search.suggestions.askAssistant.title": [
+    {
+      "type": 0,
+      "value": "Fråga shoppingassistenten"
+    }
+  ],
   "selected_refinements.action.assistive_msg.clear_all": [
     {
       "type": 0,
diff --git a/packages/template-retail-react-app/app/static/translations/compiled/zh-CN.json b/packages/template-retail-react-app/app/static/translations/compiled/zh-CN.json
index 3c32cff2e2..3f17d7177d 100644
--- a/packages/template-retail-react-app/app/static/translations/compiled/zh-CN.json
+++ b/packages/template-retail-react-app/app/static/translations/compiled/zh-CN.json
@@ -3193,6 +3193,18 @@
       "value": "取消"
     }
   ],
+  "search.suggestions.askAssistant.description": [
+    {
+      "type": 0,
+      "value": "通过您的个人购物助手，更智能地发现、比较和购物。"
+    }
+  ],
+  "search.suggestions.askAssistant.title": [
+    {
+      "type": 0,
+      "value": "询问购物助手"
+    }
+  ],
   "selected_refinements.action.assistive_msg.clear_all": [
     {
       "type": 0,
diff --git a/packages/template-retail-react-app/app/static/translations/compiled/zh-TW.json b/packages/template-retail-react-app/app/static/translations/compiled/zh-TW.json
index f7b9a26fc3..6b927c37dc 100644
--- a/packages/template-retail-react-app/app/static/translations/compiled/zh-TW.json
+++ b/packages/template-retail-react-app/app/static/translations/compiled/zh-TW.json
@@ -3115,6 +3115,18 @@
       "value": "取消"
     }
   ],
+  "search.suggestions.askAssistant.description": [
+    {
+      "type": 0,
+      "value": "透過您的個人購物助理，更聰明地發現、比較與購物。"
+    }
+  ],
+  "search.suggestions.askAssistant.title": [
+    {
+      "type": 0,
+      "value": "詢問購物助理"
+    }
+  ],
   "selected_refinements.action.assistive_msg.clear_all": [
     {
       "type": 0,
diff --git a/packages/template-retail-react-app/app/theme/components/project/search-suggestions.js b/packages/template-retail-react-app/app/theme/components/project/search-suggestions.js
index be05c78c93..03b8a68cf9 100644
--- a/packages/template-retail-react-app/app/theme/components/project/search-suggestions.js
+++ b/packages/template-retail-react-app/app/theme/components/project/search-suggestions.js
@@ -79,40 +79,67 @@ export default {
             left: 2
         },
         askAssistantBanner: {
-            borderRadius: 'md',
-            padding: 4,
-            marginTop: 3,
-            backgroundColor: 'blue.50',
+            borderRadius: {base: 'md', md: 0},
+            padding: {base: '14px 24px', md: '14px 30%'},
+            margin: 0,
+            marginBottom: {base: 0, md: -6},
+            marginLeft: -6,
+            width: 'calc(100% + 48px)',
+            boxSizing: 'border-box',
             cursor: 'pointer',
             display: 'flex',
             alignItems: 'center',
-            justifyContent: 'space-between',
+            justifyContent: 'center',
             gap: 3,
+            color: 'gray.800',
+            minHeight: '56px',
+            background:
+                'linear-gradient(to right, #E0EDFC 0%, #E8E5FC 40%, #F5E5ED 70%, #E8E5FC 100%)',
             _hover: {
-                backgroundColor: 'blue.100'
+                background:
+                    'linear-gradient(to right, #C7DCFC 0%, #DDD6FC 40%, #F0C9DE 70%, #DDD6FC 100%)'
             }
         },
         askAssistantBannerContent: {
             display: 'flex',
-            alignItems: 'flex-start',
-            gap: 3,
+            flexDirection: 'column',
             flex: 1,
-            minWidth: 0
+            minWidth: 0,
+            padding: 0,
+            justifyContent: 'center',
+            alignItems: 'flex-start',
+            textAlign: 'left'
+        },
+        askAssistantBannerTitleRow: {
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'space-between',
+            gap: 2,
+            width: '100%'
         },
         askAssistantBannerTitle: {
-            fontWeight: 'bold',
-            fontSize: 'md'
+            fontSize: 'md',
+            lineHeight: 1.25,
+            color: 'gray.800',
+            textAlign: 'left'
         },
         askAssistantBannerDescription: {
             fontSize: 'sm',
             color: 'gray.600',
-            marginTop: 1
+            marginTop: '2px',
+            textAlign: 'left'
         },
         askAssistantBannerIcon: {
-            flexShrink: 0
+            flexShrink: 0,
+            padding: 0,
+            display: 'flex',
+            alignItems: 'center',
+            transform: 'translateY(-50%)'
         },
         askAssistantBannerArrow: {
-            flexShrink: 0
+            flexShrink: 0,
+            display: 'flex',
+            alignItems: 'center'
         }
     }
 }
diff --git a/packages/template-retail-react-app/translations/da-DK.json b/packages/template-retail-react-app/translations/da-DK.json
index 439e5544bd..7d8e6a3163 100644
--- a/packages/template-retail-react-app/translations/da-DK.json
+++ b/packages/template-retail-react-app/translations/da-DK.json
@@ -1334,6 +1334,12 @@
   "search.action.cancel": {
     "defaultMessage": "Annuller"
   },
+  "search.suggestions.askAssistant.description": {
+    "defaultMessage": "Opdag, sammenlign og shop smartere med din personlige shoppingassistent."
+  },
+  "search.suggestions.askAssistant.title": {
+    "defaultMessage": "Spørg shoppingassistenten"
+  },
   "selected_refinements.action.assistive_msg.clear_all": {
     "defaultMessage": "Ryd alle filtre"
   },
diff --git a/packages/template-retail-react-app/translations/de-DE.json b/packages/template-retail-react-app/translations/de-DE.json
index aad62afb23..d49d701f51 100644
--- a/packages/template-retail-react-app/translations/de-DE.json
+++ b/packages/template-retail-react-app/translations/de-DE.json
@@ -1334,6 +1334,12 @@
   "search.action.cancel": {
     "defaultMessage": "Abbrechen"
   },
+  "search.suggestions.askAssistant.description": {
+    "defaultMessage": "Entdecken, vergleichen und mit Ihrem persönlichen Shopping-Assistenten cleverer einkaufen."
+  },
+  "search.suggestions.askAssistant.title": {
+    "defaultMessage": "Shopping-Assistent fragen"
+  },
   "selected_refinements.action.assistive_msg.clear_all": {
     "defaultMessage": "Alle Filter löschen"
   },
diff --git a/packages/template-retail-react-app/translations/es-MX.json b/packages/template-retail-react-app/translations/es-MX.json
index db5a6d84e2..b863a6fffa 100644
--- a/packages/template-retail-react-app/translations/es-MX.json
+++ b/packages/template-retail-react-app/translations/es-MX.json
@@ -1361,6 +1361,12 @@
   "search.action.cancel": {
     "defaultMessage": "Cancelar"
   },
+  "search.suggestions.askAssistant.description": {
+    "defaultMessage": "Descubre, compara y compra con más inteligencia con tu asistente de compras personal."
+  },
+  "search.suggestions.askAssistant.title": {
+    "defaultMessage": "Preguntar al asistente de compras"
+  },
   "selected_refinements.action.assistive_msg.clear_all": {
     "defaultMessage": "Borrar todos los filtros"
   },
diff --git a/packages/template-retail-react-app/translations/fi-FI.json b/packages/template-retail-react-app/translations/fi-FI.json
index a9602d2a2f..7714e1ea5a 100644
--- a/packages/template-retail-react-app/translations/fi-FI.json
+++ b/packages/template-retail-react-app/translations/fi-FI.json
@@ -1334,6 +1334,12 @@
   "search.action.cancel": {
     "defaultMessage": "Peruuta"
   },
+  "search.suggestions.askAssistant.description": {
+    "defaultMessage": "Löydä, vertaile ja osta fiksummin henkilökohtaisen ostosavustajasi kanssa."
+  },
+  "search.suggestions.askAssistant.title": {
+    "defaultMessage": "Kysy ostosavustajalta"
+  },
   "selected_refinements.action.assistive_msg.clear_all": {
     "defaultMessage": "Poista kaikki suodattimet"
   },
diff --git a/packages/template-retail-react-app/translations/fr-FR.json b/packages/template-retail-react-app/translations/fr-FR.json
index db12d40c75..abe8734e54 100644
--- a/packages/template-retail-react-app/translations/fr-FR.json
+++ b/packages/template-retail-react-app/translations/fr-FR.json
@@ -1361,6 +1361,12 @@
   "search.action.cancel": {
     "defaultMessage": "Annuler"
   },
+  "search.suggestions.askAssistant.description": {
+    "defaultMessage": "Découvrez, comparez et achetez plus malin avec votre assistant shopping personnel."
+  },
+  "search.suggestions.askAssistant.title": {
+    "defaultMessage": "Demander l'assistant shopping"
+  },
   "selected_refinements.action.assistive_msg.clear_all": {
     "defaultMessage": "Effacer tous les filtres"
   },
diff --git a/packages/template-retail-react-app/translations/it-IT.json b/packages/template-retail-react-app/translations/it-IT.json
index 9dae069be7..f8d180914a 100644
--- a/packages/template-retail-react-app/translations/it-IT.json
+++ b/packages/template-retail-react-app/translations/it-IT.json
@@ -1334,6 +1334,12 @@
   "search.action.cancel": {
     "defaultMessage": "Annulla"
   },
+  "search.suggestions.askAssistant.description": {
+    "defaultMessage": "Scopri, confronta e acquista in modo più intelligente con il tuo assistente shopping personale."
+  },
+  "search.suggestions.askAssistant.title": {
+    "defaultMessage": "Chiedi all'assistente shopping"
+  },
   "selected_refinements.action.assistive_msg.clear_all": {
     "defaultMessage": "Cancella tutti i filtri"
   },
diff --git a/packages/template-retail-react-app/translations/ja-JP.json b/packages/template-retail-react-app/translations/ja-JP.json
index a0869523cb..c4377f8e0a 100644
--- a/packages/template-retail-react-app/translations/ja-JP.json
+++ b/packages/template-retail-react-app/translations/ja-JP.json
@@ -1334,6 +1334,12 @@
   "search.action.cancel": {
     "defaultMessage": "キャンセル"
   },
+  "search.suggestions.askAssistant.description": {
+    "defaultMessage": "パーソナルショッピングアシスタントで、より賢く発見・比較・ショッピング。"
+  },
+  "search.suggestions.askAssistant.title": {
+    "defaultMessage": "ショッピングアシスタントに聞く"
+  },
   "selected_refinements.action.assistive_msg.clear_all": {
     "defaultMessage": "すべてのフィルターをクリア"
   },
diff --git a/packages/template-retail-react-app/translations/ko-KR.json b/packages/template-retail-react-app/translations/ko-KR.json
index 14b309eca5..14d912676e 100644
--- a/packages/template-retail-react-app/translations/ko-KR.json
+++ b/packages/template-retail-react-app/translations/ko-KR.json
@@ -1334,6 +1334,12 @@
   "search.action.cancel": {
     "defaultMessage": "취소"
   },
+  "search.suggestions.askAssistant.description": {
+    "defaultMessage": "개인 쇼핑 어시스턴트와 함께 더 스마트하게 찾고, 비교하고, 쇼핑하세요."
+  },
+  "search.suggestions.askAssistant.title": {
+    "defaultMessage": "쇼핑 어시스턴트에게 문의"
+  },
   "selected_refinements.action.assistive_msg.clear_all": {
     "defaultMessage": "필터 모두 지우기"
   },
diff --git a/packages/template-retail-react-app/translations/nl-NL.json b/packages/template-retail-react-app/translations/nl-NL.json
index b5e42f91f4..610e5d31eb 100644
--- a/packages/template-retail-react-app/translations/nl-NL.json
+++ b/packages/template-retail-react-app/translations/nl-NL.json
@@ -1334,6 +1334,12 @@
   "search.action.cancel": {
     "defaultMessage": "Annuleren"
   },
+  "search.suggestions.askAssistant.description": {
+    "defaultMessage": "Ontdek, vergelijk en shop slimmer met je persoonlijke shoppingassistent."
+  },
+  "search.suggestions.askAssistant.title": {
+    "defaultMessage": "Vraag de shoppingassistent"
+  },
   "selected_refinements.action.assistive_msg.clear_all": {
     "defaultMessage": "Alle filters wissen"
   },
diff --git a/packages/template-retail-react-app/translations/no-NO.json b/packages/template-retail-react-app/translations/no-NO.json
index 81f5c0c878..027d735a7f 100644
--- a/packages/template-retail-react-app/translations/no-NO.json
+++ b/packages/template-retail-react-app/translations/no-NO.json
@@ -1334,6 +1334,12 @@
   "search.action.cancel": {
     "defaultMessage": "Avbryt"
   },
+  "search.suggestions.askAssistant.description": {
+    "defaultMessage": "Upptäck, jämför och handla smartare med din personliga shoppingassistent."
+  },
+  "search.suggestions.askAssistant.title": {
+    "defaultMessage": "Fråga shoppingassistenten"
+  },
   "selected_refinements.action.assistive_msg.clear_all": {
     "defaultMessage": "Tøm alle filtre"
   },
diff --git a/packages/template-retail-react-app/translations/pl-PL.json b/packages/template-retail-react-app/translations/pl-PL.json
index 4568246bc8..9342e4f5e4 100644
--- a/packages/template-retail-react-app/translations/pl-PL.json
+++ b/packages/template-retail-react-app/translations/pl-PL.json
@@ -1334,6 +1334,12 @@
   "search.action.cancel": {
     "defaultMessage": "Anuluj"
   },
+  "search.suggestions.askAssistant.description": {
+    "defaultMessage": "Odkrywaj, porównuj i kupuj mądrzej z osobistym asystentem zakupów."
+  },
+  "search.suggestions.askAssistant.title": {
+    "defaultMessage": "Zapytaj asystenta zakupów"
+  },
   "selected_refinements.action.assistive_msg.clear_all": {
     "defaultMessage": "Wyczyść wszystkie filtry"
   },
diff --git a/packages/template-retail-react-app/translations/pt-BR.json b/packages/template-retail-react-app/translations/pt-BR.json
index 0b182ead8c..4bce2af58a 100644
--- a/packages/template-retail-react-app/translations/pt-BR.json
+++ b/packages/template-retail-react-app/translations/pt-BR.json
@@ -1334,6 +1334,12 @@
   "search.action.cancel": {
     "defaultMessage": "Cancelar"
   },
+  "search.suggestions.askAssistant.description": {
+    "defaultMessage": "Descubra, compare e compre com mais inteligência com seu assistente de compras pessoal."
+  },
+  "search.suggestions.askAssistant.title": {
+    "defaultMessage": "Perguntar ao assistente de compras"
+  },
   "selected_refinements.action.assistive_msg.clear_all": {
     "defaultMessage": "Apagar todos os filtros"
   },
diff --git a/packages/template-retail-react-app/translations/sv-SE.json b/packages/template-retail-react-app/translations/sv-SE.json
index 369fbffb01..8f497277d7 100644
--- a/packages/template-retail-react-app/translations/sv-SE.json
+++ b/packages/template-retail-react-app/translations/sv-SE.json
@@ -1334,6 +1334,12 @@
   "search.action.cancel": {
     "defaultMessage": "Avbryt"
   },
+  "search.suggestions.askAssistant.description": {
+    "defaultMessage": "Upptäck, jämför och handla smartare med din personliga shoppingassistent."
+  },
+  "search.suggestions.askAssistant.title": {
+    "defaultMessage": "Fråga shoppingassistenten"
+  },
   "selected_refinements.action.assistive_msg.clear_all": {
     "defaultMessage": "Rensa alla filter"
   },
diff --git a/packages/template-retail-react-app/translations/zh-CN.json b/packages/template-retail-react-app/translations/zh-CN.json
index 73b0bacb01..0b97a4fa01 100644
--- a/packages/template-retail-react-app/translations/zh-CN.json
+++ b/packages/template-retail-react-app/translations/zh-CN.json
@@ -1361,6 +1361,12 @@
   "search.action.cancel": {
     "defaultMessage": "取消"
   },
+  "search.suggestions.askAssistant.description": {
+    "defaultMessage": "通过您的个人购物助手，更智能地发现、比较和购物。"
+  },
+  "search.suggestions.askAssistant.title": {
+    "defaultMessage": "询问购物助手"
+  },
   "selected_refinements.action.assistive_msg.clear_all": {
     "defaultMessage": "清除所有筛选器"
   },
diff --git a/packages/template-retail-react-app/translations/zh-TW.json b/packages/template-retail-react-app/translations/zh-TW.json
index e45865407a..bee298e7c7 100644
--- a/packages/template-retail-react-app/translations/zh-TW.json
+++ b/packages/template-retail-react-app/translations/zh-TW.json
@@ -1334,6 +1334,12 @@
   "search.action.cancel": {
     "defaultMessage": "取消"
   },
+  "search.suggestions.askAssistant.description": {
+    "defaultMessage": "透過您的個人購物助理，更聰明地發現、比較與購物。"
+  },
+  "search.suggestions.askAssistant.title": {
+    "defaultMessage": "詢問購物助理"
+  },
   "selected_refinements.action.assistive_msg.clear_all": {
     "defaultMessage": "清除所有篩選條件"
   },