diff --git a/src/lib/components/ui/tooltip/tooltip-content.svelte b/src/lib/components/ui/tooltip/tooltip-content.svelte
index 0cbd664..46c29fd 100644
--- a/src/lib/components/ui/tooltip/tooltip-content.svelte
+++ b/src/lib/components/ui/tooltip/tooltip-content.svelte
@@ -22,14 +22,14 @@
 	{transitionConfig}
 	{sideOffset}
 	class={cn(
-		'z-50 max-w-xs text-balance rounded-md border bg-gray-1000 px-3 py-2 text-center text-sm text-background-200 shadow-md',
+		'z-50 max-w-xs text-balance rounded-md bg-gray-1000 px-3 py-2 text-center text-sm text-background-200 shadow-md',
 		className
 	)}
 	{...$$restProps}
 >
 	{#if tip}
 		<div aria-hidden="true" class="bg-gray-1000">
-			<TooltipPrimitive.Arrow class="rounded-sm" />
+			<TooltipPrimitive.Arrow class="rounded-[2.5px]" size={9} />
 		</div>
 	{/if}
 	<slot></slot>
diff --git a/src/routes/tooltip/components.svelte b/src/routes/tooltip/components.svelte
index 69678b2..55ce69a 100644
--- a/src/routes/tooltip/components.svelte
+++ b/src/routes/tooltip/components.svelte
@@ -17,13 +17,13 @@
 		<Tooltip.Trigger>
 			<Badge variant="gray" size="sm">LEFT</Badge>
 		</Tooltip.Trigger>
-		<Tooltip.Content side="bottom">The Evil Rabbit Jumped over the Fence.</Tooltip.Content>
+		<Tooltip.Content side="left">The Evil Rabbit Jumped over the Fence.</Tooltip.Content>
 	</Tooltip.Root>
 
 	<Tooltip.Root>
 		<Tooltip.Trigger>
 			<Icons.LoaderCircle class="size-4 animate-spin" />
 		</Tooltip.Trigger>
-		<Tooltip.Content side="bottom">The Evil Rabbit Jumped over the Fence.</Tooltip.Content>
+		<Tooltip.Content side="right">The Evil Rabbit Jumped over the Fence.</Tooltip.Content>
 	</Tooltip.Root>
 </div>