Center tooltip on small screen size by using flexbox

1 files changed, 6 insertions, 1 deletions

diff --git a/ui/app/components/gas-tooltip.js b/ui/app/components/gas-tooltip.js
index 4b6472b44..29d1af4ad 100644
--- a/ui/app/components/gas-tooltip.js
+++ b/ui/app/components/gas-tooltip.js
@@ -59,7 +59,12 @@ GasTooltip.prototype.render = function () {
   const { position, title, children, className } = this.props
   const { gasPrice, gasLimit } = this.state
 
-  return h('div', {}, [
+  return h('div', {
+    style: {
+      display: 'flex',
+      justifyContent: 'center',
+    }
+  }, [
     h('div.gas-tooltip-close-area', {
       onClick: this.onClose
     }),