fix ui bug

lib/ui_elements/button.dart

@@ -3,6 +3,7 @@ import 'dart:async';
 import 'package:flutter/material.dart';
 import 'package:audioplayers/audioplayers.dart';
 import 'package:provider/provider.dart';
+import 'package:auto_size_text/auto_size_text.dart';
 
 import '../providers/app_data.dart';
 import '../helpers/sound_data.dart';
@@ -121,9 +122,10 @@ class _ButtonState extends State<Button> with SingleTickerProviderStateMixin {
               Expanded(
                 child: Align(
                   alignment: Alignment(0, -0.5),
-                  child: Text(
+                  child: AutoSizeText(
                     widget.soundData.name,
                     style: Theme.of(context).textTheme.subtitle,
+                    textAlign: TextAlign.center,
                   ),
                 ),
               ),

pubspec.lock

@@ -29,6 +29,13 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "0.13.7"
+  auto_size_text:
+    dependency: "direct main"
+    description:
+      name: auto_size_text
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.1.0"
   boolean_selector:
     dependency: transitive
     description:

pubspec.yaml

@@ -36,6 +36,8 @@ dependencies:
 
   provider: ^4.0.2
 
+  auto_size_text: ^2.1.0
+
 dev_dependencies:
   flutter_test:
     sdk: flutter