Merge pull request #217 from zenml-io/QA-Fixes

Qa fixes

Author: talhainvenxion

src/ui/layouts/common/Tabs/index.tsx

@@ -46,21 +46,35 @@ export const Tabs: React.FC<{ pages: TabPage[]; basePath: string }> = ({
                       isActive ? styles.activeItem : '',
                     )}
                   >
-                    <Link className={styles.link} to={page.path}>
-                      <IfElse
-                        condition={isActive}
-                        renderWhenFalse={() => (
-                           <Truncate maxLines={1}>
-                              <Paragraph color="grey" style={{ padding: '5px 0' }} >{page.text}</Paragraph>
-                           </Truncate> 
-                        )}
-                        renderWhenTrue={() => (
-                           <Truncate maxLines={1}>
-                              <Paragraph color="primary" style={{ padding: '5px 0' }}>{page.text}</Paragraph>
-                           </Truncate>
-                        )}
-                      />
-                    </Link>
+                    <div
+                      style={{
+                        // backgroundColor: 'red',
+                        height: '35px',
+                        display: 'flex',
+                        justifyContent: 'center',
+                        alignItems: 'center',
+                      }}
+                    >
+                      <div>
+                        <Link className={styles.link} to={page.path}>
+                          <IfElse
+                            condition={isActive}
+                            renderWhenFalse={() => (
+                              <Truncate maxLines={1}>
+                                <Paragraph color="grey">{page.text}</Paragraph>
+                              </Truncate>
+                            )}
+                            renderWhenTrue={() => (
+                              <Truncate maxLines={1}>
+                                <Paragraph color="primary">
+                                  {page.text}
+                                </Paragraph>
+                              </Truncate>
+                            )}
+                          />
+                        </Link>
+                      </div>
+                    </div>
                   </Box>
                 );
               })}