I have implemented `EditText` with `cross(X) ImageView` at the end of it. But my problem is when text is longer ,it's being displayed in the background of cross(x). I mean to say , text is displayed under the cross(x) button which is undesirable. I want text limited some spaces ahead of cross(x) button so that text and cross(x) don't meet at all. 
This is the layout :

```
        <RelativeLayout
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginBottom="4dp"
            android:layout_marginTop="12dp"
            android:layout_weight="0.84" >

            <EditText
                android:id="@+id/query_box"
                android:layout_width="fill_parent"
                android:layout_height="50dp"
                android:layout_alignParentBottom="true"
                android:layout_marginLeft="5dp"
                android:background="@drawable/editbox_background_focus_blue"
                android:imeOptions="actionGo|flagNoExtractUi"
                android:paddingLeft="14dp"
                android:textSize="25sp"
                android:singleLine="true"
                android:visibility="visible" />

           <ImageView
                android:id="@+id/clearButton"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignRight="@+id/query_box"
                android:layout_centerHorizontal="true"
                android:layout_centerVertical="true"
                android:layout_marginRight="10dp"
                android:layout_marginTop="7dp"
                android:src="@drawable/clear_button"
                android:visibility="gone" />

        </RelativeLayout>

```

Thanks in advance.