diff --git a/packages/gui/src/app.css b/packages/gui/src/app.css
index 1346618..1d6c107 100644
--- a/packages/gui/src/app.css
+++ b/packages/gui/src/app.css
@@ -31,7 +31,8 @@ h3,
 h4,
 h5,
 h6,
-button {
+button,
+.click-copy {
 	font-family: 'pp-neue-machina' !important;
 }
 
diff --git a/packages/gui/src/components/NavBar/NavBar.svelte b/packages/gui/src/components/NavBar/NavBar.svelte
index 7fec170..e29cd18 100644
--- a/packages/gui/src/components/NavBar/NavBar.svelte
+++ b/packages/gui/src/components/NavBar/NavBar.svelte
@@ -63,7 +63,7 @@
 
 <ul id="NavBar">
 	<nav data-tauri-drag-region class="flex justify-between">
-		<div class="flex gap-1 p-3">
+		<div class="flex gap-1 p-3 pt-3">
 			<button class="titlebar-button" id="titlebar-close" on:click={appWindow.close}>
 				<img src="/images/close.svg" alt="close" />
 			</button>
@@ -139,8 +139,8 @@
 		display: inline-flex;
 		justify-content: center;
 		align-items: center;
-		width: 16px;
-		height: 16px;
+		width: 12px;
+		height: 12px;
 		border-radius: 8px;
 		opacity: 0.9;
 	}
diff --git a/packages/gui/src/components/PackageBanner/PackageBanner.svelte b/packages/gui/src/components/PackageBanner/PackageBanner.svelte
index 689d1ab..632cc6f 100644
--- a/packages/gui/src/components/PackageBanner/PackageBanner.svelte
+++ b/packages/gui/src/components/PackageBanner/PackageBanner.svelte
@@ -34,7 +34,7 @@
 		</article>
 	</header>
 	<footer class="flex h-20 border-t border-gray text-white">
-		<input class="flex-grow bg-black pl-4" disabled value={copyValue} />
+		<input class="flex-grow click-copy bg-black pl-4" disabled value={copyValue} />
 		<Button class="w-16 border-0 border-l-2 text-sm" onClick={onCopy}>{copyButtonText}</Button>
 		<Button class="w-56 border-0 border-l-2 text-sm" onClick={() => console.log('cli')}
 			>OPEN IN TERMINAL</Button