diff --git a/src/app/page.module.scss b/src/app/page.module.scss
index 352db01..581575b 100644
--- a/src/app/page.module.scss
+++ b/src/app/page.module.scss
@@ -18,7 +18,14 @@
     padding: 0 var(--default-padding) 80px;
   }
 
+  .grayBar {
+    width: 100%;
+    height: 15px;
+    margin-bottom: 32px;
+    background-color: var(--gray100);
+  }
+
   .hotItemContainer {
-    padding: 0 var(--default-padding) 80px;
+    padding: 0 var(--default-padding) 52px;
   }
 }
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 96bcf97..9b7da29 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -72,6 +72,7 @@ function Home() {
         </div>
 
         {/* <Spacing size={20} /> */}
+        <div className={cx('grayBar')} />
 
         <div className={cx('recommendListContainer')}>
           <Text typography="t4" bold>
diff --git a/src/components/home/hotItem/HotItem.module.scss b/src/components/home/hotItem/HotItem.module.scss
index a825f1c..4f9f70c 100644
--- a/src/components/home/hotItem/HotItem.module.scss
+++ b/src/components/home/hotItem/HotItem.module.scss
@@ -19,6 +19,7 @@
   border: 1px solid rgb(0 0 0 / 5%);
   border-radius: 999px;
   background: var(--grayscale-white, #fff);
+  cursor: pointer;
 }
 
 .more {