diff --git a/packages/smooth_app/lib/widgets/attribute_button.dart b/packages/smooth_app/lib/widgets/attribute_button.dart
index fb23f2277d3..b5c35f29d6c 100644
--- a/packages/smooth_app/lib/widgets/attribute_button.dart
+++ b/packages/smooth_app/lib/widgets/attribute_button.dart
@@ -34,7 +34,8 @@ class AttributeButton extends StatelessWidget {
     const double horizontalPadding = LARGE_SPACE;
     final double screenWidth =
         MediaQuery.of(context).size.width - 2 * horizontalPadding;
-    final TextStyle style = themeData.textTheme.headline3!;
+    final TextStyle styleLabel = themeData.textTheme.bodyMedium!;
+    final TextStyle styleButton = themeData.textTheme.headline4!;
     return Padding(
       padding: const EdgeInsets.symmetric(horizontal: horizontalPadding),
       child: Row(
@@ -43,7 +44,7 @@ class AttributeButton extends StatelessWidget {
         children: <Widget>[
           SizedBox(
             width: screenWidth * .45,
-            child: Text(attribute.name!, style: style),
+            child: Text(attribute.settingName!, style: styleLabel),
           ),
           SizedBox(
             width: screenWidth * .45,
@@ -52,7 +53,7 @@ class AttributeButton extends StatelessWidget {
                 productPreferences
                     .getPreferenceImportanceFromImportanceId(importanceId)!
                     .name!,
-                style: style.copyWith(color: Colors.white),
+                style: styleButton.copyWith(color: Colors.white),
               ),
               style: ElevatedButton.styleFrom(
                 primary: _colors[importanceId],