From 9b40428a195d461340c85707673287bb6585186d Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Tue, 6 Feb 2024 13:03:25 +0200
Subject: [PATCH] feat(quick-start-bar): add horizontal scroll bar to not wrap
 text

---
 .../General/QuickStartBar/QuickStartBar.module.css    | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/src/components/General/QuickStartBar/QuickStartBar.module.css b/src/components/General/QuickStartBar/QuickStartBar.module.css
index 7266d85b..9cb0dfab 100644
--- a/src/components/General/QuickStartBar/QuickStartBar.module.css
+++ b/src/components/General/QuickStartBar/QuickStartBar.module.css
@@ -12,19 +12,30 @@
   position: relative;
   top: -18vh;
 }
+
 .quick-start-bar > div {
   width: 100%;
   border-radius: 24px;
   background: rgba(100, 112, 132, 0.05);
   margin-left: 1rem;
   padding: 1rem 0.5rem;
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;
 }
+
 .quick-start-bar ul {
   display: flex;
+  white-space: nowrap;
 }
+
 .quick-start-bar ul li {
   color: #0d1625;
   font-size: 13px;
+  flex: 0 0 auto;
+}
+
+.quick-start-bar > div::-webkit-scrollbar {
+  visibility: hidden;
 }
 
 @media (max-width: 1000px) {