diff --git a/packages/gui/src/components/EssentialWorkshops/EssentialWorkshops.svelte b/packages/gui/src/components/EssentialWorkshops/EssentialWorkshops.svelte
index cec57da..4d48bd8 100644
--- a/packages/gui/src/components/EssentialWorkshops/EssentialWorkshops.svelte
+++ b/packages/gui/src/components/EssentialWorkshops/EssentialWorkshops.svelte
@@ -18,7 +18,7 @@
 {#if courses.length}
 	<Posts posts={courses} />
 {:else}
-	<section class="h-64 border bg-black border-gray p-4">
+	<section class="h-64 border border-gray bg-black p-4">
 		<Preloader />
 	</section>
 {/if}
diff --git a/packages/gui/src/components/PackageBanner/PackageBanner.svelte b/packages/gui/src/components/PackageBanner/PackageBanner.svelte
index 632cc6f..a3f9012 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 click-copy bg-black pl-4" disabled value={copyValue} />
+		<input class="click-copy flex-grow 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
diff --git a/packages/ui/src/PackageCard/PackageCard.svelte b/packages/ui/src/PackageCard/PackageCard.svelte
index d64ba00..b9c387f 100644
--- a/packages/ui/src/PackageCard/PackageCard.svelte
+++ b/packages/ui/src/PackageCard/PackageCard.svelte
@@ -36,7 +36,7 @@
 	<footer class="mt-4 flex items-center justify-between">
 		<div>
 			<p>
-				<span class="text-xs pk-version">V&NonBreakingSpace;{pkg.version}</span>
+				<span class="pk-version text-xs">V&NonBreakingSpace;{pkg.version}</span>
 				<!--
         TODO: uncomment once install counts improve
         <br>
diff --git a/packages/ui/src/SearchInput/SearchInput.svelte b/packages/ui/src/SearchInput/SearchInput.svelte
index 4719a1a..0580b60 100644
--- a/packages/ui/src/SearchInput/SearchInput.svelte
+++ b/packages/ui/src/SearchInput/SearchInput.svelte
@@ -16,7 +16,7 @@
 	};
 </script>
 
-<section class={`flex border-b border-r-0 border-l-0 items-center py-2 ${size} ${clazz}`}>
+<section class={`flex items-center border-b border-r-0 border-l-0 py-2 ${size} ${clazz}`}>
 	<div class="icon pl-4">
 		<i class="icon-search-icon" />
 	</div>