From 6a809ae938f7a0fea599832be828989088c460a7 Mon Sep 17 00:00:00 2001
From: Roza Eisenberg <45665959+rozanagy@users.noreply.github.com>
Date: Thu, 24 Oct 2024 14:28:35 +0200
Subject: [PATCH] Feat/modify dotted dividers (#192)

* feat: remove unnecessary dividers

* feat: change divider thickness

* feat: add text and remove bg color of vault header
---
 .../components/vault.header.copy-button.tsx        |  2 +-
 .../vault/components/vault.header/vault.header.tsx | 14 ++++----------
 2 files changed, 5 insertions(+), 11 deletions(-)

diff --git a/src/app/components/vault/components/vault.header/components/vault.header.copy-button.tsx b/src/app/components/vault/components/vault.header/components/vault.header.copy-button.tsx
index dd0acb9b..c617b8f5 100644
--- a/src/app/components/vault/components/vault.header/components/vault.header.copy-button.tsx
+++ b/src/app/components/vault/components/vault.header/components/vault.header.copy-button.tsx
@@ -11,7 +11,7 @@ export function VaultCopyButton({
   hasCopiedUUID,
 }: VaultCopyButtonProps): React.JSX.Element {
   return (
-    <HStack w={'25%'} justifyContent={'flex-end'}>
+    <HStack justifyContent={'flex-end'}>
       <Tooltip
         textAlign={'center'}
         label={hasCopiedUUID ? 'Copied' : 'Copy'}
diff --git a/src/app/components/vault/components/vault.header/vault.header.tsx b/src/app/components/vault/components/vault.header/vault.header.tsx
index dfc067b8..f708ed48 100644
--- a/src/app/components/vault/components/vault.header/vault.header.tsx
+++ b/src/app/components/vault/components/vault.header/vault.header.tsx
@@ -19,19 +19,13 @@ export function VaultHeader({
 
   return (
     <HStack w={'100%'} justifyContent={'space-between'}>
-      <HStack
-        w={'67.5%'}
-        pl={'15px'}
-        bg={'white.04'}
-        borderRadius={'full'}
-        justifyContent={'space-between'}
-      >
-        <Stack w={'25%'}>
+      <HStack width={'77%'}>
+        <Stack w={'45%'}>
           <Text fontSize={'xs'} fontWeight={'bold'} color={'white.01'}>
-            Vault
+            Vault UUID:
           </Text>
         </Stack>
-        <Stack w={'50%'}>
+        <Stack w={'45%'}>
           <Text fontSize={'xs'} fontWeight={'bold'} color={'white.01'}>
             {vaultTruncatedUUID}
           </Text>