diff --git a/packages/react-instantsearch/src/components/SearchBox.js b/packages/react-instantsearch/src/components/SearchBox.js
index 991fdbf35e..8c6b93945a 100644
--- a/packages/react-instantsearch/src/components/SearchBox.js
+++ b/packages/react-instantsearch/src/components/SearchBox.js
@@ -160,13 +160,13 @@ class SearchBox extends Component {
 
     const submitComponent = this.props.submitComponent
       ? this.props.submitComponent
-      : <svg role="img">
+      : <svg role="img" width="1em" height="1em">
           <use xlinkHref="#sbx-icon-search-13" />
         </svg>;
 
     const resetComponent = this.props.resetComponent
       ? this.props.resetComponent
-      : <svg role="img">
+      : <svg role="img" width="1em" height="1em">
           <use xlinkHref="#sbx-icon-clear-3" />
         </svg>;
 
diff --git a/packages/react-instantsearch/src/components/__snapshots__/Menu.test.js.snap b/packages/react-instantsearch/src/components/__snapshots__/Menu.test.js.snap
index 67829628b9..3702d4a334 100644
--- a/packages/react-instantsearch/src/components/__snapshots__/Menu.test.js.snap
+++ b/packages/react-instantsearch/src/components/__snapshots__/Menu.test.js.snap
@@ -67,7 +67,9 @@ exports[`Menu Menu with search inside items but no search results 1`] = `
           type="submit"
         >
           <svg
+            height="1em"
             role="img"
+            width="1em"
           >
             <use
               xlinkHref="#sbx-icon-search-13"
@@ -81,7 +83,9 @@ exports[`Menu Menu with search inside items but no search results 1`] = `
           type="reset"
         >
           <svg
+            height="1em"
             role="img"
+            width="1em"
           >
             <use
               xlinkHref="#sbx-icon-clear-3"
@@ -228,7 +232,9 @@ exports[`Menu Menu with search inside items with search results 1`] = `
           type="submit"
         >
           <svg
+            height="1em"
             role="img"
+            width="1em"
           >
             <use
               xlinkHref="#sbx-icon-search-13"
@@ -242,7 +248,9 @@ exports[`Menu Menu with search inside items with search results 1`] = `
           type="reset"
         >
           <svg
+            height="1em"
             role="img"
+            width="1em"
           >
             <use
               xlinkHref="#sbx-icon-clear-3"
@@ -345,7 +353,9 @@ exports[`Menu applies translations 1`] = `
           type="submit"
         >
           <svg
+            height="1em"
             role="img"
+            width="1em"
           >
             <use
               xlinkHref="#sbx-icon-search-13"
@@ -359,7 +369,9 @@ exports[`Menu applies translations 1`] = `
           type="reset"
         >
           <svg
+            height="1em"
             role="img"
+            width="1em"
           >
             <use
               xlinkHref="#sbx-icon-clear-3"
diff --git a/packages/react-instantsearch/src/components/__snapshots__/RefinementList.test.js.snap b/packages/react-instantsearch/src/components/__snapshots__/RefinementList.test.js.snap
index 7760efce1a..c61164e952 100644
--- a/packages/react-instantsearch/src/components/__snapshots__/RefinementList.test.js.snap
+++ b/packages/react-instantsearch/src/components/__snapshots__/RefinementList.test.js.snap
@@ -68,7 +68,9 @@ exports[`RefinementList applies translations 1`] = `
             type="submit"
           >
             <svg
+              height="1em"
               role="img"
+              width="1em"
             >
               <use
                 xlinkHref="#sbx-icon-search-13"
@@ -82,7 +84,9 @@ exports[`RefinementList applies translations 1`] = `
             type="reset"
           >
             <svg
+              height="1em"
               role="img"
+              width="1em"
             >
               <use
                 xlinkHref="#sbx-icon-clear-3"
@@ -318,7 +322,9 @@ exports[`RefinementList refinement list with search inside items but no search r
             type="submit"
           >
             <svg
+              height="1em"
               role="img"
+              width="1em"
             >
               <use
                 xlinkHref="#sbx-icon-search-13"
@@ -332,7 +338,9 @@ exports[`RefinementList refinement list with search inside items but no search r
             type="reset"
           >
             <svg
+              height="1em"
               role="img"
+              width="1em"
             >
               <use
                 xlinkHref="#sbx-icon-clear-3"
@@ -496,7 +504,9 @@ exports[`RefinementList refinement list with search inside items with search res
             type="submit"
           >
             <svg
+              height="1em"
               role="img"
+              width="1em"
             >
               <use
                 xlinkHref="#sbx-icon-search-13"
@@ -510,7 +520,9 @@ exports[`RefinementList refinement list with search inside items with search res
             type="reset"
           >
             <svg
+              height="1em"
               role="img"
+              width="1em"
             >
               <use
                 xlinkHref="#sbx-icon-clear-3"
diff --git a/packages/react-instantsearch/src/components/__snapshots__/SearchBox.test.js.snap b/packages/react-instantsearch/src/components/__snapshots__/SearchBox.test.js.snap
index 08dd9a895f..e133280aa8 100644
--- a/packages/react-instantsearch/src/components/__snapshots__/SearchBox.test.js.snap
+++ b/packages/react-instantsearch/src/components/__snapshots__/SearchBox.test.js.snap
@@ -61,7 +61,9 @@ exports[`SearchBox applies its default props 1`] = `
       type="submit"
     >
       <svg
+        height="1em"
         role="img"
+        width="1em"
       >
         <use
           xlinkHref="#sbx-icon-search-13"
@@ -75,7 +77,9 @@ exports[`SearchBox applies its default props 1`] = `
       type="reset"
     >
       <svg
+        height="1em"
         role="img"
+        width="1em"
       >
         <use
           xlinkHref="#sbx-icon-clear-3"
@@ -147,7 +151,9 @@ exports[`SearchBox lets you customize its theme 1`] = `
       type="submit"
     >
       <svg
+        height="1em"
         role="img"
+        width="1em"
       >
         <use
           xlinkHref="#sbx-icon-search-13"
@@ -161,7 +167,9 @@ exports[`SearchBox lets you customize its theme 1`] = `
       type="reset"
     >
       <svg
+        height="1em"
         role="img"
+        width="1em"
       >
         <use
           xlinkHref="#sbx-icon-clear-3"
@@ -233,7 +241,9 @@ exports[`SearchBox lets you customize its translations 1`] = `
       type="submit"
     >
       <svg
+        height="1em"
         role="img"
+        width="1em"
       >
         <use
           xlinkHref="#sbx-icon-search-13"
@@ -247,7 +257,9 @@ exports[`SearchBox lets you customize its translations 1`] = `
       type="reset"
     >
       <svg
+        height="1em"
         role="img"
+        width="1em"
       >
         <use
           xlinkHref="#sbx-icon-clear-3"
@@ -401,7 +413,9 @@ exports[`SearchBox transfers the autoFocus prop to the underlying input element
       type="submit"
     >
       <svg
+        height="1em"
         role="img"
+        width="1em"
       >
         <use
           xlinkHref="#sbx-icon-search-13"
@@ -415,7 +429,9 @@ exports[`SearchBox transfers the autoFocus prop to the underlying input element
       type="reset"
     >
       <svg
+        height="1em"
         role="img"
+        width="1em"
       >
         <use
           xlinkHref="#sbx-icon-clear-3"
@@ -487,7 +503,9 @@ exports[`SearchBox treats its query prop as its input value 1`] = `
       type="submit"
     >
       <svg
+        height="1em"
         role="img"
+        width="1em"
       >
         <use
           xlinkHref="#sbx-icon-search-13"
@@ -501,7 +519,9 @@ exports[`SearchBox treats its query prop as its input value 1`] = `
       type="reset"
     >
       <svg
+        height="1em"
         role="img"
+        width="1em"
       >
         <use
           xlinkHref="#sbx-icon-clear-3"
@@ -573,7 +593,9 @@ exports[`SearchBox treats its query prop as its input value 2`] = `
       type="submit"
     >
       <svg
+        height="1em"
         role="img"
+        width="1em"
       >
         <use
           xlinkHref="#sbx-icon-search-13"
@@ -587,7 +609,9 @@ exports[`SearchBox treats its query prop as its input value 2`] = `
       type="reset"
     >
       <svg
+        height="1em"
         role="img"
+        width="1em"
       >
         <use
           xlinkHref="#sbx-icon-clear-3"