diff --git a/apps/client/src/widgets/community/components/filter-dropdown/filter-dropdown.css.ts b/apps/client/src/widgets/community/components/filter-dropdown/filter-dropdown.css.ts
index b5fd5c64..fff299b6 100644
--- a/apps/client/src/widgets/community/components/filter-dropdown/filter-dropdown.css.ts
+++ b/apps/client/src/widgets/community/components/filter-dropdown/filter-dropdown.css.ts
@@ -63,6 +63,12 @@ export const DropDownContent = style({
   zIndex: themeVars.zIndex.content,
 });
 
+export const DropDownItem = style({
+  padding: '0.6rem 0',
+  ...themeVars.fontStyles.title_sb_16,
+  color: themeVars.color.gray800,
+});
+
 export const isRotate = recipe({
   base: {
     transform: 'rotate(0deg)',
diff --git a/apps/client/src/widgets/community/components/filter-dropdown/filter-dropdown.tsx b/apps/client/src/widgets/community/components/filter-dropdown/filter-dropdown.tsx
index 4298b642..856b913c 100644
--- a/apps/client/src/widgets/community/components/filter-dropdown/filter-dropdown.tsx
+++ b/apps/client/src/widgets/community/components/filter-dropdown/filter-dropdown.tsx
@@ -37,7 +37,9 @@ const FilterDropDown = ({
       {open && (
         <div className={styles.DropDownContent}>
           {Children.map(children, (child, idx) => (
-            <div key={idx}>{child}</div>
+            <div key={idx} className={styles.DropDownItem}>
+              {child}
+            </div>
           ))}
         </div>
       )}