diff --git a/components/Segment.tsx b/components/Segment.tsx
index 5f332e1..154a723 100644
--- a/components/Segment.tsx
+++ b/components/Segment.tsx
@@ -1,12 +1,13 @@
-const Segment = ({ children }:SegmentProps): JSX.Element => {
+const Segment = ({ children, className='' }:SegmentProps): JSX.Element => {
 	return (
-		<div className='py-3 px-7 text-black dark:text-white dark:bg-discord-black bg-little-white rounded-sm'>
+		<div className={`py-3 px-7 text-black dark:text-white dark:bg-discord-black bg-little-white rounded-sm ${className}`}>
 			{children}
 		</div>
 	)
 }
 
 interface SegmentProps {
+	className?: string
 	children: JSX.Element | JSX.Element[]
 }