From f6ff17116c395ffcdcf0c7be78461fae17f6c802 Mon Sep 17 00:00:00 2001
From: samcro24 <iliyan.tarashev@gmail.com>
Date: Mon, 27 May 2024 14:27:37 +0300
Subject: [PATCH] Strange line on faq page #1818

---
 src/components/client/faq/VerticalTabs.tsx | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/components/client/faq/VerticalTabs.tsx b/src/components/client/faq/VerticalTabs.tsx
index b61bfbde4..ed1a13508 100644
--- a/src/components/client/faq/VerticalTabs.tsx
+++ b/src/components/client/faq/VerticalTabs.tsx
@@ -20,14 +20,13 @@ const VerticalTabs = ({ faqCategories }: Props) => {
       query: { section: newValue },
     })
   }
-
+  const rightLineStyle =
+    faqCategories.length > 0
+      ? { borderRight: 1, borderColor: 'divider', mb: 4, width: '100%' }
+      : { borderColor: 'divider', mb: 4, width: '100%' }
   return (
     <Box sx={{ bgcolor: 'background.paper', display: 'flex', justifyContent: 'center', flex: 1 }}>
-      <TabList
-        orientation="vertical"
-        variant="scrollable"
-        onChange={handleChange}
-        sx={{ borderRight: 1, borderColor: 'divider', mb: 4, width: '100%' }}>
+      <TabList orientation="vertical" variant="scrollable" onChange={handleChange} sx={rightLineStyle}>
         {faqCategories.map((category) => {
           return <Tab key={category} value={category} label={t(`categories.${category}`)} />
         })}