diff --git a/src/assets/css/ootd/ootd-detail.css b/src/assets/css/ootd/ootd-detail.css
index b3bd77bf..0ddab0ec 100644
--- a/src/assets/css/ootd/ootd-detail.css
+++ b/src/assets/css/ootd/ootd-detail.css
@@ -515,7 +515,8 @@
 .ootd-detail-content-product-image-wrapper {
     display: flex;
     align-items: flex-start;
-    width: fit-content;
+    width: 5vw;
+    height: 10vh;
     gap: 0.625rem;
 
     border-radius: 0.3125rem;
diff --git a/src/assets/css/ootd/ootd-product-search-modal.css b/src/assets/css/ootd/ootd-product-search-modal.css
index b7e61b48..71ea0f6a 100644
--- a/src/assets/css/ootd/ootd-product-search-modal.css
+++ b/src/assets/css/ootd/ootd-product-search-modal.css
@@ -127,11 +127,15 @@
 }
 
 .product-name {
+    width: 130px;
     color: var(--Grayscale7, #202027);
     font-family: The Jamsil;
     font-size: 0.9375rem;
     font-style: normal;
     font-weight: 300;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
 }
 
 .product-size {
diff --git a/src/components/ootd/OOTDProductSearchModalComponent.vue b/src/components/ootd/OOTDProductSearchModalComponent.vue
index 882d98eb..857c76a9 100644
--- a/src/components/ootd/OOTDProductSearchModalComponent.vue
+++ b/src/components/ootd/OOTDProductSearchModalComponent.vue
@@ -4,6 +4,7 @@ import { type PropType, ref, watch } from 'vue'
 import type { ProductSearchResponse } from '@/apis/ootd/PostDto'
 import { searchProductFromOOTD } from '@/apis/ootd/ProductSearchService'
 import { debounce } from 'lodash'
+import { infoModal } from '@/utils/Modal'
 
 const VITE_STATIC_IMG_URL = ref<string>(import.meta.env.VITE_STATIC_IMG_URL)
 
@@ -45,9 +46,11 @@ const searchProducts = debounce(async () => {
     products.value = productSearchPageResponse.products
     hasNext.value = productSearchPageResponse.hasNext
 
-    query.value = ''
-
     isCurrentlySearched.value = false
+
+    if(products.value.length === 0) {
+      await infoModal('알림', '검색 결과가 없습니다.')
+    }
   }
 }, 500)