# Alignment issue in search field

**URL:** https://meta.discourse.org/t/alignment-issue-in-search-field/285926
**Category:** UX
**Tags:** completed, search-banner
**Created:** [November 18, 2023, 11:05am UTC](https://meta.discourse.org/t/alignment-issue-in-search-field/285926 "2023-11-18T11:05:30Z")
**Posts on this page:** 12
**Page:** 1

<div class="post-metadata">

### Author: ![Kumandan](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/kumandan/32/324603_2.png) [@Kumandan](https://meta.discourse.org/u/Kumandan)
#### Post date: [November 18, 2023, 11:05am UTC](https://meta.discourse.org/t/alignment-issue-in-search-field/285926/1 "2023-11-18T11:05:30Z")

</div>

Hello community  
I’ve been having an alignment problem with the search field with the latest updates. I thought it would be solved with the next updates, but for about 2 weeks now the search field has been looking like this. Any solution suggestions would be appreciated.

 ![image](https://global.discourse-cdn.com/meta/original/4X/5/3/5/5356363f44756d20feadbc5aa730c227b95b8a76.png)

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [November 18, 2023, 12:04pm UTC](https://meta.discourse.org/t/alignment-issue-in-search-field/285926/2 "2023-11-18T12:04:07Z")

</div>

Hello 👋,

Try to reset this setting (meaning, no value):

 ![image](https://global.discourse-cdn.com/meta/original/4X/3/a/e/3ae6e16d27d003c4fa99d395d8f3b2e8f2ee01bf.png)

There is a UX issue when `search_button_text` is used.

---

<div class="post-metadata">

### Author: ![Kumandan](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/kumandan/32/324603_2.png) [@Kumandan](https://meta.discourse.org/u/Kumandan)
#### Post date: [November 18, 2023, 12:43pm UTC](https://meta.discourse.org/t/alignment-issue-in-search-field/285926/3 "2023-11-18T12:43:52Z")

</div>

![image](https://global.discourse-cdn.com/meta/original/4X/f/3/4/f345ee0f2eeb51efe84cfaf35f5e5dc18f41d7e5.png)

Thanks for the suggestion but I’ve been using it this way all the time

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [November 18, 2023, 12:55pm UTC](https://meta.discourse.org/t/alignment-issue-in-search-field/285926/4 "2023-11-18T12:55:29Z")

</div>

That’s odd 🤔 . This is not what I see on your HTML:

 ![image](https://global.discourse-cdn.com/meta/original/4X/7/c/6/7c682c3cd19ab65aa0039a52c82d62f26e7ae92d.png)

Looking at the code, the translation is used in that `<span>`:

> <https://github.com/discourse/discourse-search-banner/blob/b0b6448e7c3314e3878b7643b8d79547fa21d82a/javascripts/discourse/api-initializers/init-search-banner.js#L112-L124>

* * *

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [November 18, 2023, 12:55pm UTC](https://meta.discourse.org/t/alignment-issue-in-search-field/285926/5 "2023-11-18T12:55:43Z")

</div>

I think you defined this translation in English locale, but you currently use another language. 🤔

I can see it:

 ![image](https://global.discourse-cdn.com/meta/original/4X/1/d/7/1d71e483d2909e4aeed45aa2eff8e81eb0072792.png)

---

<div class="post-metadata">

### Author: ![Kumandan](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/kumandan/32/324603_2.png) [@Kumandan](https://meta.discourse.org/u/Kumandan)
#### Post date: [November 18, 2023, 1:31pm UTC](https://meta.discourse.org/t/alignment-issue-in-search-field/285926/6 "2023-11-18T13:31:25Z")

</div>

Yes, the language is Turkish, but I have been using it this way for 2 years and did not experience any problems. Where could I have gone wrong?

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [November 18, 2023, 1:59pm UTC](https://meta.discourse.org/t/alignment-issue-in-search-field/285926/7 "2023-11-18T13:59:30Z")

</div>

This is a side-effect of this PR:

[https://github.com/discourse/discourse-search-banner/pull/44](https://github.com/discourse/discourse-search-banner/pull/44)

---

<div class="post-metadata">

### Author: ![Kumandan](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/kumandan/32/324603_2.png) [@Kumandan](https://meta.discourse.org/u/Kumandan)
#### Post date: [November 18, 2023, 2:14pm UTC](https://meta.discourse.org/t/alignment-issue-in-search-field/285926/8 "2023-11-18T14:14:35Z")

</div>

As far as I understand, we need to wait for an update regarding this issue ?

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [November 18, 2023, 2:19pm UTC](https://meta.discourse.org/t/alignment-issue-in-search-field/285926/9 "2023-11-18T14:19:23Z")

</div>

This is an issue that needs to be addressed, yes.

For now, you can make it less messy by removing the text you defined for `search_button_text` in the English locale.

---

<div class="post-metadata">

### Author: ![Kumandan](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/kumandan/32/324603_2.png) [@Kumandan](https://meta.discourse.org/u/Kumandan)
#### Post date: [November 23, 2023, 9:34am UTC](https://meta.discourse.org/t/alignment-issue-in-search-field/285926/11 "2023-11-23T09:34:25Z")

</div>

I just saw that the problem was solved with the update, thank you.

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [November 23, 2023, 1:10pm UTC](https://meta.discourse.org/t/alignment-issue-in-search-field/285926/12 "2023-11-23T13:10:44Z")

</div>

For reference, fixed by Jordan here: 👍

[https://github.com/discourse/discourse-search-banner/pull/45](https://github.com/discourse/discourse-search-banner/pull/45)

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [November 23, 2023, 3:15pm UTC](https://meta.discourse.org/t/alignment-issue-in-search-field/285926/13 "2023-11-23T15:15:10Z")

</div>


