Caixa de buscar

Qual é minha questão:
Gostaria de saber se tem algum código ou algo parecido que quando clickamos na caixa de busca ela almenta para a esquerda igual aki no FDF.

Medidas que eu tomei para corrigir o problema:
Vim aki

Links e imagens do meu problema:
Normal https://i.imgur.com/yctUP.jpg Almentada https://i.imgur.com/TgIyd.jpg

Endereço do meu fórum:
http://superonzestandup.forumeiros.com/

Versão do meu fórum:
PHPBB3

Olá,

Vá em: Painel de controle ->> Visualização -> Cores ->> Folha CSS.

No conteúdo, adicione:

Código:

/* Caixa de busca por Mr. Supero 20/01/2009 */
#search-box input.button2{-webkit-border-radius:2px;-webkit-user-select:none;background-color:#f5f5f5;background-image:-o-linear-gradient(top,whiteSmoke,#F1F1F1);border:1px solid rgba(0,0,0,0.1);border-radius:2px;color:#666;cursor:pointer;font-size:11px;font-weight:700;height:29px;line-height:27px;margin:11px 6px;min-width:54px;padding:0 8px;text-align:center}#search-box input{-moz-box-sizing:content-box;background:#fff;border:1px solid #D9D9D9;border-width:1px;color:#000;height:23px}
#search #keywords:focus{width:290px}#search #keywords{-moz-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out;width:150px}img[src="http://i66.servimg.com/u/f66/15/86/37/09/suppor10.png"]{height:auto;width:46px}
/* Fim da caixa de busca por Mr. Supero 20/01/2009*/

Atenciosamente.

Obrigado ! Funcionou Corretamente.