From d3a38abc5dd2203626c0a38c83568503ae549160 Mon Sep 17 00:00:00 2001
From: Mohsen <maxghafori@gmail.com>
Date: Tue, 6 Feb 2024 13:58:11 +0300
Subject: [PATCH] [#18453] fix: show colors are scrollable

---
 .../profile/edit/accent_colour/style.cljs     | 14 +++++++----
 .../profile/edit/accent_colour/view.cljs      | 23 ++++++++++---------
 2 files changed, 21 insertions(+), 16 deletions(-)

diff --git a/src/status_im/contexts/profile/edit/accent_colour/style.cljs b/src/status_im/contexts/profile/edit/accent_colour/style.cljs
index 7a7d5d9c153b..f826a2e50b2c 100644
--- a/src/status_im/contexts/profile/edit/accent_colour/style.cljs
+++ b/src/status_im/contexts/profile/edit/accent_colour/style.cljs
@@ -9,10 +9,13 @@
    :flex               1})
 
 (def screen-container
-  {:flex               1
-   :padding-top        14
-   :padding-horizontal 20
-   :justify-content    :space-between})
+  {:flex            1
+   :padding-top     14
+   :padding-left    20
+   :justify-content :space-between})
+
+(def padding-right
+  {:padding-right 20})
 
 (def color-title
   {:color         colors/white-70-blur
@@ -20,7 +23,8 @@
    :margin-bottom 16})
 
 (def button-wrapper
-  {:margin-vertical 12})
+  {:margin-vertical 12
+   :padding-right   20})
 
 (def profile-card
   {:margin-top    22
diff --git a/src/status_im/contexts/profile/edit/accent_colour/view.cljs b/src/status_im/contexts/profile/edit/accent_colour/view.cljs
index 144eca0af4da..023c52353b68 100644
--- a/src/status_im/contexts/profile/edit/accent_colour/view.cljs
+++ b/src/status_im/contexts/profile/edit/accent_colour/view.cljs
@@ -34,17 +34,18 @@
           {:key   :content
            :style style/screen-container}
           [rn/view {:style {:flex 1}}
-           [quo/text-combinations {:title (i18n/label :t/accent-colour)}]
-           [quo/profile-card
-            {:profile-picture     profile-picture
-             :name                display-name
-             :card-style          style/profile-card
-             :customization-color @unsaved-custom-color}]
-           [quo/text
-            {:size   :paragraph-2
-             :weight :medium
-             :style  style/color-title}
-            (i18n/label :t/accent-colour)]
+           [rn/view {:style style/padding-right}
+            [quo/text-combinations {:title (i18n/label :t/accent-colour)}]
+            [quo/profile-card
+             {:profile-picture     profile-picture
+              :name                display-name
+              :card-style          style/profile-card
+              :customization-color @unsaved-custom-color}]
+            [quo/text
+             {:size   :paragraph-2
+              :weight :medium
+              :style  style/color-title}
+             (i18n/label :t/accent-colour)]]
            [quo/color-picker
             {:blur?            true
              :default-selected @unsaved-custom-color