title: Why is Flutter adding borders to my containers?
body: <p>For some reason on my darker theme, I am getting these odd borders around my containers. I have a <code>Column</code> made up of <code>ProfileMenuItem</code>'s. There is nothing about any borders in this code. I have a divider I've made to split sections of the menu, but that's showing up correctly. Below is a bit of code and the screenshot. Then my user_profile screen calls this <code>ProfileMenu</code> class to render it.</p>
  <p>This only seems to be happening on my dark theme and I'm not quite sure why. I don't have any specific theme settings for containers.</p>
  <p>And for some odd reason these borders disappear if I scroll to the bottom of the profile menu. Makes no sense.</p>
  <pre><code>    return Container(
        color: Colors.white,
        child: Center(
          child: Column(
            children: [
              profileMenuItem(
                  context: context,
                  svgAsset: 'assets/svg/user_profile/saved_tips_icon.svg',
                  title: 'Saved tips',
                  onTap: () {
                    // something
                  }),
              profileMenuItem(
                  context: context,
                  svgAsset: 'assets/svg/user_profile/skin_concerns_icon.svg',
                  title: 'Skin concerns',
                  onTap: () {
                    // something
                  }),
              profileDivider(),
              profileMenuItem(
                  context: context,
                  svgAsset: 'assets/svg/user_profile/about_icon.svg',
                  title: 'About skica',
                  onTap: () {
                    _launchWebsiteAbout();
                  }),
              profileMenuItem(
                  context: context,
                  svgAsset: 'assets/svg/user_profile/feedback_icon.svg',
                  title: 'Feedback',
                  onTap: () {
                    _launchWebsiteContact();
                  }),
              profileMenuItem(
                  context: context,
                  svgAsset: 'assets/svg/user_profile/rate_us_icon.svg',
                  title: 'Rate us',
                  onTap: () {
                    // something
                  }),
              profileMenuItem(
                  context: context,
                  svgAsset: 'assets/svg/user_profile/facebook_follow_icon.svg',
                  title: 'Follow us on Facebook',
                  onTap: () {
                    _launchFacebook();
                  }),
              profileMenuItem(
                  context: context,
                  svgAsset: 'assets/svg/user_profile/rate_us_icon.svg',
                  title: 'Invite a friend',
                  onTap: () {
                    // something
                  }),
              profileDivider(),
              profileMenuItem(
                  context: context,
                  svgAsset: 'assets/svg/user_profile/logout_icon.svg',
                  title: 'Logout',
                  onTap: () {
                    _confirmLogout();
                  }),
            ],
          ),
        ),
      );
    }
  
    Widget profileDivider({double verticalPadding = 10}) {
      return Container(
        padding: EdgeInsets.only(top: verticalPadding, bottom: verticalPadding),
        child: SvgPicture.asset('assets/svg/user_profile/divider.svg'),
      );
    }
  
    Widget profileMenuItem(
        {@required BuildContext context,
        @required String svgAsset,
        @required String title,
        @required Function onTap}) {
      return Material(
        child: InkWell(
          // When the user taps the button, show a snackbar.
          onTap: onTap,
          splashColor: Colors.orange,
          child: Ink(
            width: MediaQuery.of(context).size.width * 1,
            color: Colors.white,
            child: Row(
              children: [
                Container(
                  child: SvgPicture.asset(svgAsset, height: 60),
                
                ),
                Container(
                  color: Colors.transparent,
                  margin: EdgeInsets.only(left: 20),
                  child:
                      Text(title, style: Theme.of(context).textTheme.bodyText1),
                ),
                Expanded(
                  child: Container(
                    alignment: Alignment.centerRight,
                    child:
                        SvgPicture.asset('assets/svg/next_icon.svg', height: 34),
                  ),
                ),
              ],
            ),
          ),
        ),
      );
    }
  </code></pre>
  <p><a href="https://i.stack.imgur.com/rw09d.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/rw09d.png" alt="enter image description here" /></a>
  And here it is if I scroll to the bottom. They magically disappear.
  <img src="https://i.ibb.co/8NdNWvr/Screen-Shot-2021-04-12-at-9-31-20-PM.png" alt="" /></p>