diff --git a/src/components/common/Filter/Filter.tsx b/src/components/common/Filter/WineTypeFilter.tsx
similarity index 77%
rename from src/components/common/Filter/Filter.tsx
rename to src/components/common/Filter/WineTypeFilter.tsx
index e6a6775..952e3bb 100644
--- a/src/components/common/Filter/Filter.tsx
+++ b/src/components/common/Filter/WineTypeFilter.tsx
@@ -1,22 +1,28 @@
 import { Badge } from '@/components/ui/badge';
 import { Label } from '@/components/ui/label';
 import { RadioGroup, RadioGroupItem } from '@/components/ui/radio-group';
+import { cn } from '@/lib/utils';
 import useFilterStore, { WineType } from '@/stores/filterStore';
 
 import DualSlider from '../slider/DualSlider';
 
-const Filter = () => {
+interface WineTypeFilterProps {
+  showBorder: boolean;
+}
+
+const WineTypeFilter = ({ showBorder = false }: WineTypeFilterProps) => {
   const { type, setType, minPrice, maxPrice, setPriceRange, rating, setRating } = useFilterStore();
 
   const wineTypeOptions: WineType[] = ['Red', 'White', 'Sparkling'];
   const priceRange: [number, number] = [minPrice, maxPrice];
 
+  const borderClass = 'border-b border-gray-100';
+
   return (
-    <div className='m-8 flex flex-col gap-9'>
+    <div className='max-w-[20.5rem] m-8 flex flex-col'>
       <div className='flex flex-col gap-3'>
         <span className='custom-text-xl-bold'>WINE TYPES</span>
-        <div className='flex gap-3'>
-          {/* todo: 공통 뱃지로 변경 필요 */}
+        <div className='flex gap-4'>
           {wineTypeOptions.map((option, index) => (
             <Badge
               key={`${option}-${index}`}
@@ -29,13 +35,19 @@ const Filter = () => {
           ))}
         </div>
       </div>
-      <div className='flex flex-col gap-2'>
+      <span className={cn(showBorder && borderClass, 'my-[1.9rem]')}></span>
+      <div className='flex flex-col'>
         <span className='custom-text-xl-bold'>PRICE</span>
-        <DualSlider max={1000000} value={priceRange} onChange={setPriceRange} />
+        <DualSlider
+          max={1000000}
+          value={priceRange}
+          onChange={setPriceRange}
+          className='w-[17.7rem]'
+        />
       </div>
+      <span className={cn(showBorder && borderClass, 'my-[1.9rem]')}></span>
       <div className='flex flex-col gap-2.5'>
         <span className='custom-text-xl-bold'>RATING</span>
-        {/* todo: 공통 라디오, 라벨 컴포넌트로 변경 필요 */}
         <RadioGroup value={rating} onValueChange={setRating}>
           <div className='flex items-center gap-3'>
             {/* 전체인 경우 rating값을 아예 안보내는 것 같아 임의로 all로 설정 */}
@@ -66,4 +78,4 @@ const Filter = () => {
   );
 };
 
-export default Filter;
+export default WineTypeFilter;