diff --git a/src/components/Alarm/TabCapsule/Content/Content.module.scss b/src/components/Alarm/TabCapsule/Content/Content.module.scss
index 3b009a5a..4c818d8b 100644
--- a/src/components/Alarm/TabCapsule/Content/Content.module.scss
+++ b/src/components/Alarm/TabCapsule/Content/Content.module.scss
@@ -21,7 +21,9 @@
&__thumbnail {
width: 4rem;
+ min-width: 4rem;
height: 4rem;
+ min-height: 4rem;
border-radius: 50%;
}
diff --git a/src/components/SideBar/SideBar.tsx b/src/components/SideBar/SideBar.tsx
index 3b875997..e4644dab 100644
--- a/src/components/SideBar/SideBar.tsx
+++ b/src/components/SideBar/SideBar.tsx
@@ -79,7 +79,7 @@ function SideBar({isSideOpen, sideClose}: SideBarProps) {
-
+
diff --git a/src/components/SideBar/TravelList/TravelList.tsx b/src/components/SideBar/TravelList/TravelList.tsx
index 899dcee7..3b65a39a 100644
--- a/src/components/SideBar/TravelList/TravelList.tsx
+++ b/src/components/SideBar/TravelList/TravelList.tsx
@@ -11,7 +11,7 @@ import {setSpaceDate} from '@/utils/formatDate';
import {TravelListProp} from '@/types/sidebar';
-function TravelList({isSideOpen}: TravelListProp) {
+function TravelList({isSideOpen, sideClose}: TravelListProp) {
const [, setIsFull] = useRecoilState(isFullMember);
const {mutate} = usePostSpace();
const navigate = useNavigate();
@@ -25,6 +25,7 @@ function TravelList({isSideOpen}: TravelListProp) {
onSuccess: (data) => {
if (data) {
navigate(`/trip/${data.data.id}`);
+ sideClose;
}
},
});
@@ -45,7 +46,13 @@ function TravelList({isSideOpen}: TravelListProp) {
{spaces.data.spaces.map((item, index) => (
-
-