Update Drift defaults to match provider

Author: robmorieson

src/components/Drift/index.tsx

@@ -14,7 +14,7 @@ const styles: {
     fontSize: 16,
     display: 'flex',
     alignItems: 'flex-end',
-    padding: '.75rem',
+    padding: '12px',
     flexDirection: 'column'
   },
   button: {
@@ -24,8 +24,8 @@ const styles: {
     alignItems: 'center',
     fill: '#fff',
     cursor: 'pointer',
-    height: 52,
-    width: 52,
+    height: '56px',
+    width: '56px',
     borderRadius: '.3125rem',
     boxShadow: '0 2px 6px 0 rgba(0,0,0,.4)',
     overflow: 'hidden',
@@ -56,9 +56,7 @@ const Drift = ({
   const [positionStyles, setPositionStyles] = useState<CSSProperties>({
     zIndex: 2147483648,
     position: 'fixed',
-    display: 'block',
-    height: '60px !important',
-    width: '76px !important'
+    display: 'block'
   })
 
   useEffect(() => {
@@ -96,8 +94,8 @@ const Drift = ({
           >
             {icon === 'A' ? (
               <svg
-                width="20"
-                height="20"
+                width="24"
+                height="24"
                 viewBox="0 0 20 20"
                 focusable="false"
                 aria-hidden="true"
@@ -106,10 +104,9 @@ const Drift = ({
                 }}
               >
                 <path
+                  fill="#FFFFFF"
                   d="M4.583 14.894l-3.256 3.78c-.7.813-1.26.598-1.25-.46a10689.413 10689.413 0 0 1 .035-4.775V4.816a3.89 3.89 0 0 1 3.88-3.89h12.064a3.885 3.885 0 0 1 3.882 3.89v6.185a3.89 3.89 0 0 1-3.882 3.89H4.583z"
-                  fill="rgb(255, 255, 255)"
-                  fillRule="evenodd"
-                />
+                ></path>
               </svg>
             ) : icon === 'B' ? (
               <svg