Strange line on faq page podkrepi-bg#1818

iliyan90 · May 27, 2024 · f6ff171 · f6ff171
1 parent 137569a
commit f6ff171
Showing 1 changed file with 5 additions and 6 deletions.
diff --git 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}`)} />
         })}