title: Container changes only height
body: <p>The Problem is when I change width of the container of the UserMessage it does not change it it changes only the height.</p>
  <p>I got this container it is basically a where the live chat is in.</p>
  <pre><code>child: Listener(
                              onPointerDown: _chatTouchedTrue,
                              onPointerUp: _chatTouchedFalse,
                               child: Container(
                                   width: 130, //it only changes when I edit it here
                                   height: 230,
                              child: AnimatedList(
                                  key: listKey,
                                  controller: _listScrollController,
                                  initialItemCount: names.length,
                                  itemBuilder:
                                      (context, index, animation) {
                                    return slideMessage(
                                        context, index, animation);
                                  })))
      
  </code></pre>
  <p>This is the Animation for how the new messages should slide in.</p>
  <pre><code>Widget slideMessage(BuildContext context, int index, animation) {
      String userName = names[index];
      String message = messages[index];
      return SlideTransition(
          position: Tween&lt;Offset&gt;(
            begin: const Offset(0, 1),
            end: Offset(0, 0),
          ).animate(animation),
          child: UserMessage(
            userName: userName,
            message: message,
          ));
    }
  </code></pre>
  <p>And this is the child of the Animation (UserMessage(..)) this is how the text message will look at the end.</p>
  <pre><code>Padding(padding: EdgeInsets.all(1.3),
       child: Container(
  
            width: 10,  //it does not change the width here
            height: 17,
            child: Align(
              child: RichText(
                text: TextSpan(children: &lt;TextSpan&gt;[
                  TextSpan(
                    text: widget.userName,
                    style: TextStyle(
                        decoration: TextDecoration.none,
                        fontWeight: FontWeight.bold,
                        fontSize: 9,
                        color: Color.fromRGBO(255, 250, 250, 100)),
                  ),
                  TextSpan(
                    text: widget.message,
                    style: TextStyle(
                        decoration: TextDecoration.none,
                        fontWeight: FontWeight.bold,
                        fontSize: 9,
                        color: Color.fromRGBO(220, 220, 220, 100)),
                  )
                ]),
              ),
              alignment: Alignment.center,
            ),
            decoration: BoxDecoration(
              color: const Color.fromRGBO(1, 1, 1, 0.2),
              borderRadius: BorderRadius.circular(9),
            ),
          ));
  
  </code></pre>