diff --git a/.changeset/fix-slug-component-import-path.md b/.changeset/fix-slug-component-import-path.md
new file mode 100644
index 00000000..f703aa8d
--- /dev/null
+++ b/.changeset/fix-slug-component-import-path.md
@@ -0,0 +1,5 @@
+---
+"@ainsleydev/payload-helper": patch
+---
+
+Fix slug field component import path resolving to relative path in consumer's importMap
diff --git a/packages/payload-helper/src/fields/Slug/Component.tsx b/packages/payload-helper/src/fields/Slug/Component.tsx
index 7e95064d..550bde6b 100644
--- a/packages/payload-helper/src/fields/Slug/Component.tsx
+++ b/packages/payload-helper/src/fields/Slug/Component.tsx
@@ -14,7 +14,6 @@ import type React from 'react';
 import { useCallback, useEffect } from 'react';
 
 import { formatSlug } from './formatSlug.js';
-import './index.scss';
 
 type SlugComponentProps = {
 	fieldToUse: string;
@@ -80,9 +79,13 @@ export const Component: React.FC<SlugComponentProps> = ({
 
 	return (
 		<div className='field-type slug-field-component'>
-			<div className='label-wrapper'>
+			<div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
 				<FieldLabel htmlFor={`field-${resolvedPath}`} label={label} />
-				<Button className='lock-button' buttonStyle='none' onClick={handleLock}>
+				<Button
+					style={{ margin: 0, paddingBottom: '0.3125rem' }}
+					buttonStyle='none'
+					onClick={handleLock}
+				>
 					{checkboxValue ? 'Unlock' : 'Lock'}
 				</Button>
 			</div>
diff --git a/packages/payload-helper/src/fields/Slug/index.scss b/packages/payload-helper/src/fields/Slug/index.scss
deleted file mode 100644
index 67e57efa..00000000
--- a/packages/payload-helper/src/fields/Slug/index.scss
+++ /dev/null
@@ -1,12 +0,0 @@
-.slug-field-component {
-	.label-wrapper {
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-	}
-
-	.lock-button {
-		margin: 0;
-		padding-bottom: 0.3125rem;
-	}
-}