From cc717ced2767c147d7e607b2cec9c7c0dd786fed Mon Sep 17 00:00:00 2001
From: Manoj Vivek <p.manoj.vivek@gmail.com>
Date: Fri, 16 Jun 2023 12:15:36 +0530
Subject: [PATCH] Individual layout tabs formatted to display bottom border and
 occupy full width

---
 .../components/Previewer/IndividualLayoutToolBar/index.tsx    | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/desktop-app/src/renderer/components/Previewer/IndividualLayoutToolBar/index.tsx b/desktop-app/src/renderer/components/Previewer/IndividualLayoutToolBar/index.tsx
index 849b1efb..6bcc71a5 100644
--- a/desktop-app/src/renderer/components/Previewer/IndividualLayoutToolBar/index.tsx
+++ b/desktop-app/src/renderer/components/Previewer/IndividualLayoutToolBar/index.tsx
@@ -42,11 +42,11 @@ const IndividualLayoutToolbar = ({
       <Tabs
         onSelect={onTabClick}
         selectedIndex={activeTab}
-        className={cx('react-tabs flex')}
+        className={cx('react-tabs flex flex-1')}
       >
         <TabList
           className={cx(
-            'custom-scrollbar flex gap-1  overflow-x-auto border-b border-slate-400/60 dark:border-white'
+            'custom-scrollbar flex flex-1  justify-center gap-1 overflow-x-auto border-b border-slate-400/60 dark:border-white'
           )}
         >
           {devices.map((device, idx) => (