diff --git a/package.json b/package.json
index 397c087..f6e5378 100644
--- a/package.json
+++ b/package.json
@@ -17,6 +17,7 @@
     "prop-types": "^15.7.2",
     "qs": "^6.10.2",
     "react": "^17.0.2",
+    "react-datepicker": "^4.5.0",
     "react-dom": "^17.0.2",
     "react-redux": "^7.2.6",
     "react-router-dom": "^6.0.2",
diff --git a/src/common/utils/getTodayDate.jsx b/src/common/utils/getDateStr.jsx
similarity index 60%
rename from src/common/utils/getTodayDate.jsx
rename to src/common/utils/getDateStr.jsx
index 75dc4d4..9be2f31 100644
--- a/src/common/utils/getTodayDate.jsx
+++ b/src/common/utils/getDateStr.jsx
@@ -1,15 +1,16 @@
-const getTodayDate = () => {
-  let today = new Date();
+const getDateStr = (date) => {
+  let today = new Date(date);
+
   let dd = today.getDate();
   let mm = today.getMonth() + 1;
   let yyyy = today.getFullYear();
 
   if (dd < 10) {
-    dd += '0';
+    dd = '0' + dd;
   }
 
   if (mm < 10) {
-    mm += '0';
+    mm = '0' + mm;
   }
 
   today = `${yyyy}-${mm}-${dd}`;
@@ -17,4 +18,4 @@ const getTodayDate = () => {
   return today;
 };
 
-export default getTodayDate;
+export default getDateStr;
diff --git a/src/common/utils/getDateValidate.jsx b/src/common/utils/getDateValidate.jsx
new file mode 100644
index 0000000..0140a24
--- /dev/null
+++ b/src/common/utils/getDateValidate.jsx
@@ -0,0 +1,41 @@
+const getDateValidate = (date) => {
+  let checkDate = new Date(date);
+  let today = new Date();
+
+  let dd1 = checkDate.getDate();
+  let mm1 = checkDate.getMonth() + 1;
+  let yyyy1 = checkDate.getFullYear();
+
+  let dd2 = today.getDate();
+  let mm2 = today.getMonth() + 1;
+  let yyyy2 = today.getFullYear();
+  console.log(dd1);
+  console.log(mm1);
+  if (dd1 < 10) {
+    dd1 = '0' + dd1;
+  }
+
+  if (mm1 < 10) {
+    mm1 = '0' + mm1;
+  }
+
+  if (dd2 < 10) {
+    dd2 = '0' + dd2;
+  }
+
+  if (mm2 < 10) {
+    mm2 = '0' + mm1;
+  }
+
+  checkDate = `${yyyy1}-${mm1}-${dd1}`;
+  today = `${yyyy2}-${mm2}-${dd2}`;
+  console.log(checkDate);
+  console.log(today);
+  // 지정 날짜가 현재 날짜 보다 크면 에러 발생 유도
+  const result = checkDate > today;
+  console.log(result);
+
+  return result;
+};
+
+export default getDateValidate;
diff --git a/src/components/domain/DiaryCreateStepOne/index.jsx b/src/components/domain/DiaryCreateStepOne/index.jsx
index 2e291e6..48e0c39 100644
--- a/src/components/domain/DiaryCreateStepOne/index.jsx
+++ b/src/components/domain/DiaryCreateStepOne/index.jsx
@@ -1,6 +1,11 @@
 import styled from '@emotion/styled';
+import { css } from '@emotion/react';
 import font from '@assets/fonts';
-import { Input } from '@components/base';
+import DatePicker from 'react-datepicker';
+import { ko } from 'date-fns/esm/locale';
+import color from '@assets/colors';
+
+import 'react-datepicker/dist/react-datepicker.css';
 
 const Container = styled.div`
   margin-top: 80px;
@@ -13,23 +18,41 @@ const Title = styled.span`
   ${font.heading_24};
 `;
 
+const InputStyle = css`
+  display: block;
+  width: 100%;
+  box-sizing: border-box;
+  border: none;
+  border-bottom: 1px solid ${color.brown};
+  background-color: transparent;
+  color: ${color.black};
+  outline: none;
+  ${font.content_18};
+
+  &::placeholder {
+    color: ${color.grey};
+  }
+`;
+
 const ErrorText = styled.span`
   margin-top: 5px;
   font-size: 14px;
   color: red;
 `;
 
-const DiaryCreateStepOne = ({ onChange, date, dateError, getTodayDate }) => {
+const DiaryCreateStepOne = ({ date, setDate, dateError }) => {
   return (
     <Container>
       <Title>날짜를 선택해주세요.</Title>
-      <Input
-        type="date"
+      <DatePicker
+        css={InputStyle}
+        locale={ko}
+        dateFormat="yyyy-MM-dd"
         name="date"
-        onChange={onChange}
-        css={font.content_16}
-        max={getTodayDate()}
-        value={date}
+        onChange={(date) => setDate(date)}
+        placeholderText="일기 기록 날짜를 입력해주세요 !"
+        selected={date}
+        maxDate={new Date()}
       />
       {dateError && <ErrorText>{dateError}</ErrorText>}
     </Container>
diff --git a/src/components/domain/DiaryImages/index.jsx b/src/components/domain/DiaryImages/index.jsx
index 5c38202..c3e44a3 100644
--- a/src/components/domain/DiaryImages/index.jsx
+++ b/src/components/domain/DiaryImages/index.jsx
@@ -45,13 +45,7 @@ const DiaryImages = ({ images }) => {
         <StyledSwiper {...swiperParams}>
           {images.map((image, index) => (
             <SwiperSlide key={index} style={SwiperSlideStyle}>
-              <Image
-                src={image}
-                alt="image"
-                width="100%"
-                height="100%"
-                mode="contain"
-              />
+              <Image src={image} alt="image" width="100%" height="100%" />
             </SwiperSlide>
           ))}
         </StyledSwiper>
diff --git a/src/components/domain/Header/index.jsx b/src/components/domain/Header/index.jsx
index b2c13e3..10c2c25 100644
--- a/src/components/domain/Header/index.jsx
+++ b/src/components/domain/Header/index.jsx
@@ -14,7 +14,6 @@ const HeaderContainer = styled.header`
   z-index: 5;
   top: 0;
   left: 0;
-  right: 0;
   width: 100%;
   height: 70px;
   justify-content: center;
@@ -25,11 +24,10 @@ const HeaderContainer = styled.header`
 `;
 
 const HeaderContent = styled.div`
-  display: -webkit-flex;
   display: flex;
-  justify-content: space-between;
-  -webkit-flex: 1;
   flex: 1;
+  width: 100%;
+  margin: 0;
   justify-content: ${({ align }) => align};
 `;
 
@@ -65,7 +63,7 @@ const Header = ({
     <HeaderContainer {...props}>
       <HeaderContent align="left">{leftComponent}</HeaderContent>
       <HeaderContent align="center">{centerComponent}</HeaderContent>
-      <HeaderContent align="right">{rightComponent}</HeaderContent>
+      <HeaderContent align="flex-end">{rightComponent}</HeaderContent>
     </HeaderContainer>
   );
 };
@@ -91,7 +89,6 @@ export const MainHeader = ({ groupTitle, familyMotto, role }) => {
           </TextWrapper>
         </>
       }
-      centerComponent={''}
       rightComponent={
         <GroupWrapper>
           <Button>
@@ -125,9 +122,11 @@ export const ServiceInfoHeader = ({ src }) => {
       leftComponent={<Image src={Logo} alt="logo" block width="38px" />}
       centerComponent={''}
       rightComponent={
-        <Link to="/album/profile">
-          <Avatar src={src} />
-        </Link>
+        <div style={{ textAlign: 'right' }}>
+          <Link to="/album/profile">
+            <Avatar src={src} />
+          </Link>
+        </div>
       }
     />
   );
diff --git a/src/pages/AlbumSettingsEditPage/index.jsx b/src/pages/AlbumSettingsEditPage/index.jsx
index 6de1d1c..e4ff6a1 100644
--- a/src/pages/AlbumSettingsEditPage/index.jsx
+++ b/src/pages/AlbumSettingsEditPage/index.jsx
@@ -3,7 +3,14 @@ import styled from '@emotion/styled';
 import DefaultContainer from '@styles/DefaultContainer';
 import font from '@assets/fonts';
 import color from '@assets/colors';
-import { Input, Upload, Icon, Button, LoadingModal } from '@components/base';
+import {
+  Input,
+  Upload,
+  Icon,
+  Button,
+  LoadingModal,
+  Modal,
+} from '@components/base';
 import { DetailPageHeader } from '@components/domain';
 import { getAlbumInfo } from '@api/getAlbumInfo';
 import { putAlbumInfo } from '@api/putAlbumInfo';
@@ -37,15 +44,15 @@ const AlbumSettingsEditPageWrapper = styled(DefaultContainer)`
   display: flex;
   flex-direction: column;
   width: 100%;
-  padding-top: 60px;
+  padding-top: 50px;
 `;
 
 const ContentWrapper = styled.div`
   display: flex;
   flex-direction: column;
-  gap: 8px;
-  margin-bottom: 42px;
+  margin-bottom: 38px;
 `;
+
 const ContentTitle = styled.span`
   padding: 0;
   ${font.content_16}
@@ -86,12 +93,15 @@ const AlbumSettingsEditPage = () => {
 
   const [albumInfo, setAlbumInfo] = useState(intialState);
   const [image, setImage] = useState('');
+  const [modalContent, setModalContent] = useState('');
+  const [modalVisible, setModalVisible] = useState(false);
 
   const { values, isLoading, handleChange, handleSubmit } = useForm({
     initialValues: intialState,
     onSubmit: async () => {
       if (image === '' && values.title === '' && values.familyMotto === '') {
-        alert('변경할 앨범 정보가 없습니다.');
+        setModalContent('변경할 앨범 정보가 없습니다.');
+        handleModalVisible(true);
       } else {
         for (let value in albumInfo) {
           if (value === 'id') continue;
@@ -110,9 +120,9 @@ const AlbumSettingsEditPage = () => {
         }
 
         try {
-          const res = await putAlbumInfo(albumId, values);
-          res && alert('성공적으로 변경되었습니다.');
-          goBack();
+          await putAlbumInfo(albumId, values);
+          setModalContent('변경되었습니다.');
+          handleModalVisible(true);
         } catch ({ response }) {
           const { data } = response;
           console.log(data);
@@ -149,7 +159,19 @@ const AlbumSettingsEditPage = () => {
     navigate('../');
   };
 
-  console.log(albumInfo);
+  const handleModalVisible = (visible, to) => {
+    if (visible) {
+      setModalVisible(true);
+    } else {
+      if (to === 'back') {
+        setModalVisible(false);
+        goBack();
+      } else {
+        setModalVisible(false);
+      }
+    }
+  };
+
   const EditLists = (list) =>
     list.map(({ name, text, placeholder, type }, index) => (
       <ContentWrapper key={index}>
@@ -177,9 +199,30 @@ const AlbumSettingsEditPage = () => {
       <DetailPageHeader pageTitle="앨범 정보 수정" handleGoBack={goBack} />
       <LoadingModal isLoading={isLoading} />
       {EditLists(ALBUM_EDIT_LIST)}
-      <Button mode="primary" onClick={handleSubmit}>
+      <Button
+        mode="primary"
+        onClick={handleSubmit}
+        style={{ padding: '18px 0 18px 0', boxSizing: 'border-box' }}
+      >
         확인
       </Button>
+      {modalContent === '변경되었습니다.' ? (
+        <Modal
+          visible={modalVisible}
+          onClose={() => handleModalVisible(false, 'back')}
+          selectable="confirm"
+        >
+          {modalContent}
+        </Modal>
+      ) : (
+        <Modal
+          visible={modalVisible}
+          onClose={() => handleModalVisible(false)}
+          selectable="confirm"
+        >
+          {modalContent}
+        </Modal>
+      )}
     </AlbumSettingsEditPageWrapper>
   );
 };
diff --git a/src/pages/AlbumSettingsPage/index.jsx b/src/pages/AlbumSettingsPage/index.jsx
index 8d86add..03c0ccb 100644
--- a/src/pages/AlbumSettingsPage/index.jsx
+++ b/src/pages/AlbumSettingsPage/index.jsx
@@ -39,8 +39,8 @@ const AlbumSettingsPage = () => {
   const navigate = useNavigate();
 
   const albumSettings = (list) =>
-    list.map(({ name, to }) => (
-      <>
+    list.map(({ name, to }, index) => (
+      <div key={index}>
         <SettingsList
           onClick={() => {
             handleToPage(to);
@@ -49,7 +49,7 @@ const AlbumSettingsPage = () => {
           {name}
         </SettingsList>
         <Divider size={6} />
-      </>
+      </div>
     ));
 
   const goBack = () => {
diff --git a/src/pages/DiaryCreatePage/index.jsx b/src/pages/DiaryCreatePage/index.jsx
index d41c066..9f63493 100644
--- a/src/pages/DiaryCreatePage/index.jsx
+++ b/src/pages/DiaryCreatePage/index.jsx
@@ -14,7 +14,8 @@ import useForm from '@hooks/useForm';
 import { postImageUpload } from '@api/postImageUpload';
 import { postDiaryCreate } from '@api/postDiaryCreate';
 import { getExistenceDiaryDate } from '@api/getExistenceDiaryDate';
-import getTodayDate from '../../common/utils/getTodayDate';
+import getDateValidate from '@utils/getDateValidate';
+import getDateStr from '@utils/getDateStr';
 
 const Conatainer = styled.div`
   margin-top: 80px;
@@ -48,13 +49,13 @@ const DiaryCreatePage = () => {
 
   const { values, handleChange } = useForm({
     initialValues: {
-      date: '',
       title: '',
       content: '',
       photos: [],
     },
   });
-  const { date, title, content, photos } = values;
+  const { title, content, photos } = values;
+  const [date, setDate] = useState(null);
 
   const [inputErrors, setInputErrors] = useState({});
   const { dateError, titleError, contentError } = inputErrors;
@@ -81,7 +82,7 @@ const DiaryCreatePage = () => {
         }));
 
         return;
-      } else if (date > getTodayDate()) {
+      } else if (getDateValidate(date)) {
         setInputErrors((values) => ({
           ...values,
           dateError: '미래의 날짜에 해당하는 일기는 작성할 수 없습니다 !',
@@ -91,7 +92,7 @@ const DiaryCreatePage = () => {
       } else if (date) {
         const data = {
           albumId,
-          date,
+          date: getDateStr(date),
         };
 
         try {
@@ -231,9 +232,9 @@ const DiaryCreatePage = () => {
     if (step === 1) {
       return (
         <DiaryCreateStepOne
-          onChange={handleChange}
+          // onChange={handleChange}
           date={date}
-          getTodayDate={getTodayDate}
+          setDate={setDate}
           dateError={dateError}
         />
       );
diff --git a/src/pages/MemberInvitePage/index.jsx b/src/pages/MemberInvitePage/index.jsx
index 31209ae..78c5c4e 100644
--- a/src/pages/MemberInvitePage/index.jsx
+++ b/src/pages/MemberInvitePage/index.jsx
@@ -79,7 +79,7 @@ const MemberInvitePage = () => {
   };
   const [selectedUsers, setSelectedUsers] = useState([]);
   const [searchVisible, setSearchVisible] = useState(false);
-  const [ModalVisible, setModalVisible] = useState(false);
+  const [modalVisible, setModalVisible] = useState(false);
   const [searchInfo, setSearchInfo] = useState(initialState);
   const { albumId } = useParams();
   const navigate = useNavigate();
@@ -139,12 +139,12 @@ const MemberInvitePage = () => {
     navigate('../');
   };
 
-  const OpenModal = () => {
+  const openModal = () => {
     setModalVisible(true);
   };
 
-  const CloseModal = () => {
-    if (ModalVisible) {
+  const closeModal = () => {
+    if (modalVisible) {
       setModalVisible(false);
     }
   };
@@ -156,14 +156,14 @@ const MemberInvitePage = () => {
           targetMemberId: memberId,
         });
         alert('초대가 발송되었습니다.');
-        CloseModal(false);
+        closeModal(false);
         goBack();
       } catch ({ response }) {
         const { data } = response;
         data.message =
           'DUPLICATION_INVITATION_IN_ALBUM' &&
           alert('이미 초대 요청을 보낸 유저가 포함되어 있습니다.');
-        CloseModal(false);
+        closeModal(false);
       }
     });
   };
@@ -192,18 +192,18 @@ const MemberInvitePage = () => {
         </LoadingtWrapper>
       )}
       <ButtonWrapper>
-        <Button mode="primary" onClick={OpenModal}>
+        <Button mode="primary" onClick={openModal}>
           초대하기
         </Button>
       </ButtonWrapper>
       {selectedUsers.length === 0 ? (
-        <Modal visible={ModalVisible} onClose={CloseModal} selectable="confirm">
+        <Modal visible={modalVisible} onClose={closeModal} selectable="confirm">
           초대할 인원이 없습니다.
         </Modal>
       ) : (
         <Modal
-          visible={ModalVisible}
-          onClose={CloseModal}
+          visible={modalVisible}
+          onClose={closeModal}
           selectable="primary"
           onSubmit={() => handleInvite()}
         >
diff --git a/src/pages/ResponseDefaultPage/index.jsx b/src/pages/ResponseDefaultPage/index.jsx
index 504cef4..b3b31c0 100644
--- a/src/pages/ResponseDefaultPage/index.jsx
+++ b/src/pages/ResponseDefaultPage/index.jsx
@@ -57,7 +57,7 @@ const ResponseDefaultPage = ({ resizing }) => {
           <br />
         </ResponseText>
         <ResponseSizeText>
-          🥲죄송합니다. 저희 서비스는 모바일 환경만 지원합니다. (550px)
+          죄송합니다. 저희 서비스는 모바일 환경만 지원합니다. (550px)
         </ResponseSizeText>
         <ResponseSizeText className="strong">
           현재 사이즈 값은? {resizing}px
diff --git a/src/pages/SpecialMomentPage/index.jsx b/src/pages/SpecialMomentPage/index.jsx
index 6f6182c..131a5a0 100644
--- a/src/pages/SpecialMomentPage/index.jsx
+++ b/src/pages/SpecialMomentPage/index.jsx
@@ -72,7 +72,7 @@ const SpinnerWrapper = styled.div`
 const MomentDefault = styled.div`
   display: flex;
   flex-direction: column;
-  height: 500px;
+  height: 380px;
   justify-content: center;
   align-items: center;
   ${font.content_18};
@@ -132,7 +132,7 @@ const SpecialMomentPage = () => {
         <TooltipWrapper>{recordedAt.substr(0, 10)}</TooltipWrapper>
         <Image
           src={thumbnail}
-          alt={index}
+          alt="thumbnail"
           style={{
             borderRadius: 12,
             width: '100%',
@@ -158,7 +158,9 @@ const SpecialMomentPage = () => {
               {momentList.length === 0 && (
                 <MomentDefault>
                   앨범의 특별한 순간이 없습니다!
-                  <span>일기를 북마크해서 특별한 순간을 만들어보세요.</span>
+                  <span style={{ whiteSpace: 'nowrap' }}>
+                    일기를 북마크해서 특별한 순간을 만들어보세요.
+                  </span>
                 </MomentDefault>
               )}
               <StyledSwiper
diff --git a/yarn.lock b/yarn.lock
index f3e6d3e..21b9793 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2854,6 +2854,11 @@
   resolved "https://registry.yarnpkg.com/@popperjs/core/-/core-2.10.2.tgz#0798c03351f0dea1a5a4cabddf26a55a7cbee590"
   integrity sha512-IXf3XA7+XyN7CP9gGh/XB0UxVMlvARGEgGXLubFICsUMGz6Q+DU+i4gGlpOxTjKvXjkJDJC8YdqdKkDj9qZHEQ==
 
+"@popperjs/core@^2.9.2":
+  version "2.11.0"
+  resolved "https://registry.yarnpkg.com/@popperjs/core/-/core-2.11.0.tgz#6734f8ebc106a0860dff7f92bf90df193f0935d7"
+  integrity sha512-zrsUxjLOKAzdewIDRWy9nsV1GQsKBCWaGwsZQlCgr6/q+vjyZhFgqedLfFBuI9anTPEUT4APq9Mu0SZBTzIcGQ==
+
 "@reduxjs/toolkit@^1.6.2":
   version "1.6.2"
   resolved "https://registry.yarnpkg.com/@reduxjs/toolkit/-/toolkit-1.6.2.tgz#2f2b5365df77dd6697da28fdf44f33501ed9ba37"
@@ -6030,6 +6035,11 @@ class-utils@^0.3.5:
     isobject "^3.0.0"
     static-extend "^0.1.1"
 
+classnames@^2.2.6:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/classnames/-/classnames-2.3.1.tgz#dfcfa3891e306ec1dad105d0e88f4417b8535e8e"
+  integrity sha512-OlQdbZ7gLfGarSqxesMesDa5uz7KFbID8Kpq/SxIoNGDqY8lSYs0D+hhtBXhcdB3rcbXArFr7vlHheLk1voeNA==
+
 clean-css@^4.2.3:
   version "4.2.3"
   resolved "https://registry.npmjs.org/clean-css/-/clean-css-4.2.3.tgz"
@@ -6864,6 +6874,11 @@ data-urls@^2.0.0:
     whatwg-mimetype "^2.3.0"
     whatwg-url "^8.0.0"
 
+date-fns@^2.24.0:
+  version "2.27.0"
+  resolved "https://registry.yarnpkg.com/date-fns/-/date-fns-2.27.0.tgz#e1ff3c3ddbbab8a2eaadbb6106be2929a5a2d92b"
+  integrity sha512-sj+J0Mo2p2X1e306MHq282WS4/A8Pz/95GIFcsPNMPMZVI3EUrAdSv90al1k+p74WGLCruMXk23bfEDZa71X9Q==
+
 debug@2.6.9, debug@^2.2.0, debug@^2.3.3, debug@^2.6.0, debug@^2.6.9:
   version "2.6.9"
   resolved "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz"
@@ -13325,6 +13340,18 @@ react-colorful@^5.1.2:
   resolved "https://registry.yarnpkg.com/react-colorful/-/react-colorful-5.5.0.tgz#8359f218984a927095477a190ab9927eaf865c0c"
   integrity sha512-BuzrlrM0ylg7coPkXOrRqlf2BgHLw5L44sybbr9Lg4xy7w9e5N7fGYbojOO0s8J0nvrM3PERN2rVFkvSa24lnQ==
 
+react-datepicker@^4.5.0:
+  version "4.5.0"
+  resolved "https://registry.yarnpkg.com/react-datepicker/-/react-datepicker-4.5.0.tgz#aabcaa8d9c8492998cd0484b67077cbf9908e66a"
+  integrity sha512-mFP/SbtFSXx21Wx3Nfv+RREwd/x0q14x7QL79ZCi/PVkHSFLwLWhXyOtj3OIzi1AcVYb/fMMcvi8e5b12n8/sg==
+  dependencies:
+    "@popperjs/core" "^2.9.2"
+    classnames "^2.2.6"
+    date-fns "^2.24.0"
+    prop-types "^15.7.2"
+    react-onclickoutside "^6.12.0"
+    react-popper "^2.2.5"
+
 react-dev-utils@^11.0.3, react-dev-utils@^11.0.4:
   version "11.0.4"
   resolved "https://registry.npmjs.org/react-dev-utils/-/react-dev-utils-11.0.4.tgz"
@@ -13466,6 +13493,11 @@ react-is@^17.0.1:
   resolved "https://registry.npmjs.org/react-is/-/react-is-17.0.1.tgz"
   integrity sha512-NAnt2iGDXohE5LI7uBnLnqvLQMtzhkiAOLXTmv+qnF9Ky7xAPcX8Up/xWIhxvLVGJvuLiNc4xQLtuqDRzb4fSA==
 
+react-onclickoutside@^6.12.0:
+  version "6.12.1"
+  resolved "https://registry.yarnpkg.com/react-onclickoutside/-/react-onclickoutside-6.12.1.tgz#92dddd28f55e483a1838c5c2930e051168c1e96b"
+  integrity sha512-a5Q7CkWznBRUWPmocCvE8b6lEYw1s6+opp/60dCunhO+G6E4tDTO2Sd2jKE+leEnnrLAE2Wj5DlDHNqj5wPv1Q==
+
 react-popper-tooltip@^3.1.1:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/react-popper-tooltip/-/react-popper-tooltip-3.1.1.tgz#329569eb7b287008f04fcbddb6370452ad3f9eac"
@@ -13475,7 +13507,7 @@ react-popper-tooltip@^3.1.1:
     "@popperjs/core" "^2.5.4"
     react-popper "^2.2.4"
 
-react-popper@^2.2.4:
+react-popper@^2.2.4, react-popper@^2.2.5:
   version "2.2.5"
   resolved "https://registry.yarnpkg.com/react-popper/-/react-popper-2.2.5.tgz#1214ef3cec86330a171671a4fbcbeeb65ee58e96"
   integrity sha512-kxGkS80eQGtLl18+uig1UIf9MKixFSyPxglsgLBxlYnyDf65BiY9B3nZSc6C9XUNDgStROB0fMQlTEz1KxGddw==