diff --git a/apps/tangle-cloud/src/components/Layout.tsx b/apps/tangle-cloud/src/components/Layout.tsx
index 385f1c4b73..fdd235b64d 100644
--- a/apps/tangle-cloud/src/components/Layout.tsx
+++ b/apps/tangle-cloud/src/components/Layout.tsx
@@ -24,7 +24,7 @@ const Layout: FC<PropsWithChildren<Props>> = ({
   isSidebarInitiallyExpanded,
 }) => {
   return (
-    <div className={`flex min-h-screen bg-tangle`}>
+    <div className="flex max-h-screen bg-tangle">
       <Sidebar isExpandedByDefault={isSidebarInitiallyExpanded} />
 
       <div className="flex flex-col flex-1 min-h-screen overflow-y-auto scrollbar-hide">
diff --git a/apps/tangle-cloud/src/components/Sidebar.tsx b/apps/tangle-cloud/src/components/Sidebar.tsx
index b97833025c..dbf43ac420 100644
--- a/apps/tangle-cloud/src/components/Sidebar.tsx
+++ b/apps/tangle-cloud/src/components/Sidebar.tsx
@@ -77,7 +77,7 @@ const Sidebar: FC<Props> = ({ isExpandedByDefault }) => {
         footer={SIDEBAR_FOOTER}
         Logo={TangleCloudLogo}
         pathnameOrHash={pathname}
-        className="hidden h-screen lg:block"
+        className="hidden h-screen lg:block !z-10"
         isExpandedByDefault={isExpandedByDefault}
       />
 
@@ -88,7 +88,7 @@ const Sidebar: FC<Props> = ({ isExpandedByDefault }) => {
         footer={SIDEBAR_FOOTER}
         Logo={TangleCloudLogo}
         pathnameOrHash={pathname}
-        className="fixed top-[34px] left-4 md:left-8 lg:hidden"
+        className="fixed top-[34px] left-4 md:left-8 lg:hidden !z-10"
       />
     </>
   );
diff --git a/apps/tangle-cloud/src/pages/instances/InstructionCard.tsx b/apps/tangle-cloud/src/pages/instances/InstructionCard.tsx
index 565ace2eb6..9c7e029069 100644
--- a/apps/tangle-cloud/src/pages/instances/InstructionCard.tsx
+++ b/apps/tangle-cloud/src/pages/instances/InstructionCard.tsx
@@ -12,7 +12,7 @@ type InstructionCardProps = {
 export const InstructionCard: FC<InstructionCardProps> = ({ rootProps }) => {
   return (
     <TangleCloudCard {...rootProps}>
-      <ul className="h-full flex flex-col gap-5">
+      <ul className="h-full flex flex-col justify-between gap-4">
         {Children.toArray(
           CLOUD_INSTRUCTIONS.map((instruction) => (
             <ListItem
@@ -31,11 +31,16 @@ export const InstructionCard: FC<InstructionCardProps> = ({ rootProps }) => {
                 <div className="gap-1 flex flex-col items-center xs:items-start">
                   <Link
                     href={instruction.to}
-                    className="text-blue-50 text-center xs:text-left font-bold"
                     target={instruction.external ? '_blank' : '_self'}
                     rel={instruction.external ? 'noopener noreferrer' : ''}
                   >
-                    {instruction.title}
+                    <Typography
+                      variant="body1"
+                      fw="bold"
+                      className="!text-blue-50"
+                    >
+                      {instruction.title}
+                    </Typography>
                   </Link>
                   <Typography
                     variant="body1"
diff --git a/libs/ui-components/src/components/TableAndChartTabs/TableAndChartTabs.tsx b/libs/ui-components/src/components/TableAndChartTabs/TableAndChartTabs.tsx
index 064ae748d8..4d2a7366ba 100644
--- a/libs/ui-components/src/components/TableAndChartTabs/TableAndChartTabs.tsx
+++ b/libs/ui-components/src/components/TableAndChartTabs/TableAndChartTabs.tsx
@@ -47,14 +47,12 @@ export const TableAndChartTabs: FC<TableAndChartTabsProps> = ({
                 isDisableStyle
                 className={twMerge(
                   'text-mono-100 radix-state-active:text-mono-200',
-                  'dark:radix-state-active:!text-mono-0',
+                  'dark:text-mono-120 dark:radix-state-active:text-mono-0',
                   'flex gap-2 items-center',
                   cx({
                     'border-b-4 py-4': enableAdvancedDivider,
                     'aria-selected:border-blue-50 border-transparent':
                       enableAdvancedDivider,
-                    '[&>*]:opacity-50 [&[aria-selected="true"]>*]:opacity-100':
-                      enableAdvancedDivider,
                   }),
                   triggerClassName,
                 )}