diff --git a/lib/screens/settings/customization/color_item.dart b/lib/screens/settings/customization/color_item.dart
index 0d6ea03..d753bf5 100644
--- a/lib/screens/settings/customization/color_item.dart
+++ b/lib/screens/settings/customization/color_item.dart
@@ -1,23 +1,31 @@
 import 'package:flutter/material.dart';
 
 class ColorItem extends StatelessWidget {
+  final int index;
+  final int total;
   final Color color;
   final int numericValue;
   final int? selectedValue;
   final void Function(int) onChanged;
 
   const ColorItem({
-    Key? key,
+    super.key,
+    required this.index,
+    required this.total,
     required this.color,
     required this.numericValue,
     required this.selectedValue,
     required this.onChanged
-  }) : super(key: key);
+  });
 
   @override
   Widget build(BuildContext context) {
     return Padding(
-      padding: const EdgeInsets.all(10),
+      padding: index == 0
+        ? const EdgeInsets.only(top: 10, right: 10, bottom: 10)
+        : index == total-1
+          ? const EdgeInsets.only(top: 10, bottom: 10, left: 10)
+          : const EdgeInsets.all(10),
       child: Material(
         borderRadius: BorderRadius.circular(50),
         child: InkWell(
diff --git a/lib/screens/settings/customization/customization.dart b/lib/screens/settings/customization/customization.dart
index fb4526b..7bec949 100644
--- a/lib/screens/settings/customization/customization.dart
+++ b/lib/screens/settings/customization/customization.dart
@@ -1,3 +1,5 @@
+import 'dart:io';
+
 import 'package:flutter/material.dart';
 import 'package:provider/provider.dart';
 import 'package:flutter_gen/gen_l10n/app_localizations.dart';
@@ -30,9 +32,9 @@ class CustomizationWidget extends StatefulWidget {
   final AppConfigProvider appConfigProvider;
 
   const CustomizationWidget({
-    Key? key,
+    super.key,
     required this.appConfigProvider,
-  }) : super(key: key);
+  });
 
   @override
   State<CustomizationWidget> createState() => _CustomizationWidgetState();
@@ -44,6 +46,8 @@ class _CustomizationWidgetState extends State<CustomizationWidget> {
   int selectedColor = 0;
   bool useThemeColorInsteadGreenRed = false;
 
+  final _colorsScrollController = ScrollController();
+
   @override
   void initState() {
     selectedTheme = widget.appConfigProvider.selectedThemeNumber;
@@ -125,83 +129,84 @@ class _CustomizationWidgetState extends State<CustomizationWidget> {
               title: AppLocalizations.of(context)!.useDynamicTheme, 
             ),
             if (!(appConfigProvider.androidDeviceInfo != null && appConfigProvider.androidDeviceInfo!.version.sdkInt >= 31)) const SizedBox(height: 20),
-            if (dynamicColor == false) ...[
-              SizedBox(
-                width: MediaQuery.of(context).size.width,
-                height: 70,
-                child: ListView.builder(
-                  scrollDirection: Axis.horizontal,
-                  itemCount: colors.length,
-                  itemBuilder: (context, index) {
-                    if (index == 0) {
-                      return Row(
-                        children: [
-                          const SizedBox(width: 15),
-                          ColorItem(
-                            color: colors[index], 
-                            numericValue: index, 
-                            selectedValue: selectedColor,
-                            onChanged: (value) {
-                              setState(() => selectedColor = value);
-                              appConfigProvider.setStaticColor(value);
+            if (dynamicColor == false) Padding(
+              padding: const EdgeInsets.only(bottom: 8, left: 16, right: 16),
+              child: Scrollbar(
+                controller: _colorsScrollController,
+                thumbVisibility: Platform.isMacOS || Platform.isLinux || Platform.isWindows,
+                interactive: Platform.isMacOS || Platform.isLinux || Platform.isWindows,
+                thickness: Platform.isMacOS || Platform.isLinux || Platform.isWindows ? 8 : 0,
+                child: Padding(
+                  padding: const EdgeInsets.only(bottom: 16),
+                  child: Column(
+                    crossAxisAlignment: CrossAxisAlignment.start,
+                    children: [
+                      SizedBox(
+                        width: MediaQuery.of(context).size.width,
+                        height: 70,
+                        child: ListView.builder(
+                          controller: _colorsScrollController,
+                          scrollDirection: Axis.horizontal,
+                          itemCount: colors.length,
+                          padding: const EdgeInsets.all(0),
+                          itemBuilder: (context, index) {
+                            if (index == 0) {
+                              return Row(
+                                children: [
+                                  ColorItem(
+                                    index: index,
+                                    total: colors.length,
+                                    color: colors[index], 
+                                    numericValue: index, 
+                                    selectedValue: selectedColor,
+                                    onChanged: (value) {
+                                      setState(() => selectedColor = value);
+                                      appConfigProvider.setStaticColor(value);
+                                    }
+                                  ),
+                                  Container(
+                                    margin: const EdgeInsets.symmetric(horizontal: 10),
+                                    width: 1,
+                                    height: 60,
+                                    decoration: BoxDecoration(
+                                      color: Colors.grey,
+                                      borderRadius: BorderRadius.circular(1)
+                                    ),
+                                  )
+                                ],
+                              );
                             }
-                          ),
-                          Container(
-                            margin: const EdgeInsets.symmetric(horizontal: 10),
-                            width: 1,
-                            height: 60,
-                            decoration: BoxDecoration(
-                              color: Colors.grey,
-                              borderRadius: BorderRadius.circular(1)
-                            ),
-                          )
-                        ],
-                      );
-                    }
-                    else if (index == colors.length-1) {
-                      return Row(
-                        children: [
-                          ColorItem(
-                            color: colors[index], 
-                            numericValue: index, 
-                            selectedValue: selectedColor,
-                            onChanged: (value) {
-                              setState(() => selectedColor = value);
-                              appConfigProvider.setStaticColor(value);
+                            else {
+                              return ColorItem(
+                                index: index,
+                                total: colors.length,
+                                color: colors[index], 
+                                numericValue: index, 
+                                selectedValue: selectedColor,
+                                onChanged: (value) {
+                                  setState(() => selectedColor = value);
+                                  appConfigProvider.setStaticColor(value);
+                                }
+                              );
                             }
+                          },
+                        ),
+                      ),
+                      Padding(
+                        padding: const EdgeInsets.symmetric(vertical: 8),
+                        child: Text(
+                          colorTranslation(context, selectedColor),
+                          style: TextStyle(
+                            color: Theme.of(context).listTileTheme.iconColor,
+                            fontSize: 16
                           ),
-                          const SizedBox(width: 15)
-                        ],
-                      );
-                    }
-                    else {
-                      return ColorItem(
-                        color: colors[index], 
-                        numericValue: index, 
-                        selectedValue: selectedColor,
-                        onChanged: (value) {
-                          setState(() => selectedColor = value);
-                          appConfigProvider.setStaticColor(value);
-                        }
-                      );
-                    }
-                  },
-                ),
-              ),
-              Padding(
-                padding: const EdgeInsets.only(
-                  left: 25,
-                  top: 10
-                ),
-                child: Text(
-                  colorTranslation(context, selectedColor),
-                  style: TextStyle(
-                    color: Theme.of(context).listTileTheme.iconColor,
-                    fontSize: 16
+                        ),
+                      )
+                    ],
                   ),
                 ),
-              )
-            ],
+              ),
+            ),
             CustomSwitchListTile(
               value: useThemeColorInsteadGreenRed, 
               onChanged: (value) {