components/Settings.tsx

@@ -132,16 +132,15 @@ export default function Settings() {
 						flex flex-col items-center justify-evenly
 						bg-slate-800 text-yellow-400
 						rounded-lg border border-yellow-400
-						py-3 px-4
+						h-full py-3 px-4
 						transition-all duration-250
-						h-full
-						${open ? `opacity-100 w-[350px] ${isDM ? 'max-h-[400px]' : 'max-h-[175px]'}` : 'opacity-0 w-0 max-h-0'}
+						${open ? `opacity-100 ${isDM ? 'w-[350px] max-h-[375px]' : 'w-[300px] max-h-[150px]'}` : 'opacity-0 w-0 max-h-0'}
 					`}
 				>
 					<Links />
 					<Permissions />
 					<CardStyle />
-					<span className="w-full flex flex-row justify-evenly">
+					<span className={`w-full flex flex-row ${isDM ? 'justify-evenly' : 'justify-between'}`}>
 						<GitHubButton className="h-[35px] w-[125px]" />
 						<BuyMeACoffee className="h-[35px] w-[125px]" />
 					</span>