diff --git a/src/components/Hr.astro b/src/components/Hr.astro
index c902bdf..eb3d463 100644
--- a/src/components/Hr.astro
+++ b/src/components/Hr.astro
@@ -1,11 +1,11 @@
 ---
 export interface Props {
-  className?: string;
+  noPadding?: boolean;
 }
 
-const { className } = Astro.props;
+const { noPadding = false } = Astro.props;
 ---
 
-<div class={`max-w-3xl mx-auto px-4 ${className}`}>
+<div class={`max-w-3xl mx-auto ${noPadding ? "px-0" : "px-4"}`}>
   <hr class="border-skin-line" />
 </div>