fix: update gap utils usage

Author: ndom91

apps/desktop/src/components/StackContentPlaceholder.svelte

@@ -45,21 +45,21 @@
 				target="_blank"
 				underline={false}
 				externalIcon={false}
-				class="text-13 text-semibold text-clr2"><Icon name="doc" /> GitButler Docs</Link
+				class="text-13 text-semibold text-clr2 gap-2"><Icon name="doc" /> GitButler Docs</Link
 			>
 			<Link
 				href="https://github.com/gitbutlerapp/gitbutler"
 				target="_blank"
 				underline={false}
 				externalIcon={false}
-				class="text-13 text-semibold text-clr2"><Icon name="github" /> Source Code</Link
+				class="text-13 text-semibold text-clr2 gap-2"><Icon name="github" /> Source Code</Link
 			>
 			<Link
 				href="https://discord.com/invite/MmFkmaJ42D"
 				target="_blank"
 				underline={false}
 				externalIcon={false}
-				class="text-13 text-semibold text-clr2 gap-4"><Icon name="discord" /> Join Community</Link
+				class="text-13 text-semibold text-clr2 gap-2"><Icon name="discord" /> Join Community</Link
 			>
 		</div>
 	</div>

packages/ui/src/styles/utility/helpers.css

@@ -87,25 +87,25 @@ pre {
 }
 
 .gap-1 {
-	gap: 4px;
+	gap: 4px !important;
 }
 
 .gap-2 {
-	gap: 8px;
+	gap: 8px !important;
 }
 
 .gap-3 {
-	gap: 12px;
+	gap: 12px !important;
 }
 
 .gap-4 {
-	gap: 16px;
+	gap: 16px !important;
 }
 
 .gap-5 {
-	gap: 20px;
+	gap: 20px !important;
 }
 
 .gap-6 {
-	gap: 24px;
+	gap: 24px !important;
 }