I have an emoji that is rotating but not starting big and shrinking (react-motion). Does anyone see the error?

emojiplay.jsx

import React, { Component } from 'react'
import { Badge, IconButton, Heading, Paragraph, ParagraphHolder, PrimaryNavigation, Blockquote } from 'components'
import styled from 'styled-components'
import ReactDOM from 'react-dom'
import renderIf from 'render-if'
import glamorous from "glamorous";



const EmojiGlamor = glamorous.div(
  {
    position: 'absolute',
    fontSize: '20px'
  },
  ({top})=>({
    top: top
  }),
  ({left})=>({
    left: left
  }),
  ({rotateval})=>({
    transform: rotateval
  }),
  ({font})=>{
    fontSize: font
  }
);

const ClickEmoji = ({emojinumber, emojitop, emojileft}) =>{
  const EmojiBox = styled.div`
    position: absolute;
    top: ${emojitop}px;
    left: ${emojileft}px;
    z-index: 100;
    &:after{
      content: "${emojinumber}";
      font-size: 20px;
    }`
    return(
      <EmojiBox/>
    );
}

class EmojiAdder extends Component{
  constructor(props){
    super(props)
    this.state = {
     
    };
  }

 
  render(){
     return (
       <div>
       {renderIf(this.props.highestIndex===this.props.indexValue)(
         <Motion
            defaultStyle={{ font: 100, rotate: 0 }}
            style={{ font: spring(20), rotate: spring(360)}}
          >
            {style =>
              (
                <EmojiGlamor
                 top={`${this.props.emojiXY.top-3}px`}
                 left={`${this.props.emojiXY.left}px`}
                 rotateval={`rotate(${style.rotate}deg)`}
                 font={`${style.font}px`}
                 dangerouslySetInnerHTML={{__html: this.props.emojiXY.emojinumber}}
                />
              )
            }
          </Motion>
        )}
        {renderIf(this.props.highestIndex!=this.props.indexValue)(
           <EmojiGlamor
            top={`${this.props.emojiXY.top-3}px`}
            left={`${this.props.emojiXY.left}px`}
            rotateval={`rotate(0deg)`}
            dangerouslySetInnerHTML={{__html: this.props.emojiXY.emojinumber}}
           />
         )}
       </div>
     );
  }
}

export default EmojiAdder