From d050df98b4f7d968c0e44385e7e942c43daa8ab2 Mon Sep 17 00:00:00 2001
From: ameer2468 <33054370+ameer2468@users.noreply.github.com>
Date: Tue, 18 Jun 2024 11:21:36 +0300
Subject: [PATCH] styling

---
 interface/app/$libraryId/debug/cloud.tsx  | 2 +-
 interface/app/onboarding/join-library.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/interface/app/$libraryId/debug/cloud.tsx b/interface/app/$libraryId/debug/cloud.tsx
index 67772d5ec..4c83f4d75 100644
--- a/interface/app/$libraryId/debug/cloud.tsx
+++ b/interface/app/$libraryId/debug/cloud.tsx
@@ -158,7 +158,7 @@ const Library = ({ thisInstance, cloudLibrary }: LibraryProps) => {
 	return (
 		<div className="flex flex-col gap-3">
 			<p className="font-bold text-medium">Library</p>
-			<Card className="flex-row items-center gap-10">
+			<Card className="flex-row items-center gap-10 !px-2">
 				<p className="font-medium">
 					Name: <span className="font-normal text-ink-dull">{cloudLibrary.name}</span>
 				</p>
diff --git a/interface/app/onboarding/join-library.tsx b/interface/app/onboarding/join-library.tsx
index 4ed91c0f0..917eaaebe 100644
--- a/interface/app/onboarding/join-library.tsx
+++ b/interface/app/onboarding/join-library.tsx
@@ -27,7 +27,7 @@ export function JoinLibrary() {
 
 			<div className="mt-2">
 				<span>Cloud Libraries</span>
-				<ul className="relative flex h-32 w-48 flex-col rounded border border-app-frame p-2">
+				<ul className="relative flex flex-col w-48 h-32 p-2 border rounded border-app-frame">
 					<CloudLibraries />
 					<AuthRequiredOverlay />
 				</ul>