diff --git a/res-common/layout/search_bar_expanded.xml b/res-common/layout/search_bar_expanded.xml
index 3c71b50..c530299 100644
--- a/res-common/layout/search_bar_expanded.xml
+++ b/res-common/layout/search_bar_expanded.xml
@@ -52,7 +52,7 @@
         android:id="@+id/search_close_button"
         android:layout_height="@dimen/search_box_close_icon_size"
         android:layout_width="@dimen/search_box_close_icon_size"
-        android:layout_margin="@dimen/search_box_close_icon_margin"
+        android:padding="@dimen/search_box_close_icon_padding"
         android:src="@drawable/ic_close_dk"
         android:clickable="true"
         android:background="?android:attr/selectableItemBackgroundBorderless"
diff --git a/res-common/values/dimens.xml b/res-common/values/dimens.xml
index 595d626..f06cd21 100644
--- a/res-common/values/dimens.xml
+++ b/res-common/values/dimens.xml
@@ -122,13 +122,12 @@
     <dimen name="search_box_icon_margin">4dp</dimen>
     <!-- Size of the icon (voice search, back arrow) in the search box. -->
     <dimen name="search_box_icon_size">28dp</dimen>
-    <!-- Size of the close icon.
-         Because it expands diagonally, it needs to be shrunk to look relatively the same size -->
-    <dimen name="search_box_close_icon_size">24dp</dimen>
+    <!-- Size of the close icon.-->
+    <dimen name="search_box_close_icon_size">56dp</dimen>
+    <!-- Padding around the close button. It's visible size without padding is 24dp. -->
+    <dimen name="search_box_close_icon_padding">16dp</dimen>
     <!-- Padding around back arrow icon in the search box -->
     <dimen name="search_box_navigation_icon_margin">14dp</dimen>
-    <!-- Padding around close icon in the search box -->
-    <dimen name="search_box_close_icon_margin">16dp</dimen>
     <!-- Left margin of the text field in the search box. -->
     <dimen name="search_box_text_left_margin">15dp</dimen>
     <!-- Search box text size -->