diff --git a/frontend/src/Cabinet/components/Card/DisplayStyleCard/DisplayStyleCard.tsx b/frontend/src/Cabinet/components/Card/DisplayStyleCard/DisplayStyleCard.tsx
index f24601027..59685d886 100644
--- a/frontend/src/Cabinet/components/Card/DisplayStyleCard/DisplayStyleCard.tsx
+++ b/frontend/src/Cabinet/components/Card/DisplayStyleCard/DisplayStyleCard.tsx
@@ -75,7 +75,6 @@ const DisplayStyleCard = ({
 };
 
 const DisplayStyleCardWrapper = styled.div`
-  z-index: 1;
   align-self: start;
 `;
 
diff --git a/frontend/src/Cabinet/components/Card/ExtensionCard/ExtensionCard.container.tsx b/frontend/src/Cabinet/components/Card/ExtensionCard/ExtensionCard.container.tsx
deleted file mode 100644
index 18958f830..000000000
--- a/frontend/src/Cabinet/components/Card/ExtensionCard/ExtensionCard.container.tsx
+++ /dev/null
@@ -1,76 +0,0 @@
-import { useRecoilState, useSetRecoilState } from "recoil";
-import {
-  currentCabinetIdState,
-  myCabinetInfoState,
-  targetCabinetInfoState,
-  userState,
-} from "@/Cabinet/recoil/atoms";
-import ExtensionCard from "@/Cabinet/components/Card/ExtensionCard/ExtensionCard";
-import { CabinetInfo } from "@/Cabinet/types/dto/cabinet.dto";
-import { LentDto, LentExtensionDto } from "@/Cabinet/types/dto/lent.dto";
-import { axiosCabinetById } from "@/Cabinet/api/axios/axios.custom";
-import useMenu from "@/Cabinet/hooks/useMenu";
-
-const ExtensionCardContainer = ({
-  extensionInfo,
-}: {
-  extensionInfo: LentExtensionDto | null;
-}) => {
-  const { toggleCabinet, openCabinet, closeAll } = useMenu();
-  const [myInfo, setMyInfo] = useRecoilState(userState);
-  const [currentCabinetId, setCurrentCabinetId] = useRecoilState(
-    currentCabinetIdState
-  );
-  const [myCabinetInfo, setMyCabinetInfo] = useRecoilState(myCabinetInfoState);
-  const setTargetCabinetInfo = useSetRecoilState<CabinetInfo>(
-    targetCabinetInfoState
-  );
-  async function setTargetCabinetInfoToMyCabinet() {
-    setCurrentCabinetId(myInfo.cabinetId);
-    setMyInfo((prev) => ({ ...prev, cabinetId: null }));
-    try {
-      if (!myCabinetInfo?.cabinetId) return;
-      const { data } = await axiosCabinetById(myCabinetInfo.cabinetId);
-      if (data.lents.length === 0 && myInfo.cabinetId !== null) {
-        setMyInfo((prev) => ({ ...prev, cabinetId: null }));
-      } else {
-        const doesNameExist = data.lents.some(
-          (lent: LentDto) => lent.name === myInfo.name
-        );
-        if (doesNameExist) {
-          setTargetCabinetInfo(data);
-          setCurrentCabinetId(data.cabinetId);
-          setMyInfo((prev) => ({ ...prev, cabinetId: data.cabinetId }));
-        }
-      }
-    } catch (error) {
-      console.log(error);
-    }
-  }
-  const clickMyCabinet = () => {
-    if (!!extensionInfo && !!myInfo.cabinetId) {
-      if (myInfo.cabinetId === null && !myCabinetInfo?.cabinetId) {
-        setTargetCabinetInfoToMyCabinet();
-        toggleCabinet();
-      } else if (currentCabinetId !== myInfo.cabinetId) {
-        setTargetCabinetInfoToMyCabinet();
-        openCabinet();
-      } else {
-        toggleCabinet();
-      }
-    }
-  };
-  return (
-    <ExtensionCard
-      extensionInfo={extensionInfo}
-      button={{
-        label: !!extensionInfo ? "보유중" : "미보유",
-        onClick: () => clickMyCabinet(),
-        isClickable: !!extensionInfo && !!myInfo.cabinetId,
-        isExtensible: !!extensionInfo,
-      }}
-    />
-  );
-};
-
-export default ExtensionCardContainer;
diff --git a/frontend/src/Cabinet/components/Card/ExtensionCard/ExtensionCard.tsx b/frontend/src/Cabinet/components/Card/ExtensionCard/ExtensionCard.tsx
deleted file mode 100644
index e35446a69..000000000
--- a/frontend/src/Cabinet/components/Card/ExtensionCard/ExtensionCard.tsx
+++ /dev/null
@@ -1,63 +0,0 @@
-import { useState } from "react";
-import Card, { IButtonProps } from "@/Cabinet/components/Card/Card";
-import {
-  CardContentStyled,
-  CardContentWrapper,
-  ContentDetailStyled,
-  ContentInfoStyled,
-} from "@/Cabinet/components/Card/CardStyles";
-import { NotificationModal } from "@/Cabinet/components/Modals/NotificationModal/NotificationModal";
-import { LentExtensionDto } from "@/Cabinet/types/dto/lent.dto";
-import { formatDate } from "@/Cabinet/utils/dateUtils";
-
-interface ExtensionProps {
-  extensionInfo: LentExtensionDto | null;
-  button: IButtonProps;
-}
-
-const NotificationModalDetail = `연장권은 매월 2일 제공되며,<br/>이전에 받은 연장권은 사용이 불가능 합니다.<br/>24HANE 기준 160시간을 출석한 경우,<br/> 연장권이 부여됩니다.`;
-
-const ExtensionCard = ({ extensionInfo, button }: ExtensionProps) => {
-  const [showNotificationModal, setShowNotificationModal] =
-    useState<boolean>(false);
-  return (
-    <>
-      <Card
-        title={"연장권"}
-        onClickToolTip={() => {
-          setShowNotificationModal(true);
-        }}
-        gridArea={"extension"}
-        width={"350px"}
-        height={"183px"}
-        buttons={[button]}
-      >
-        <CardContentWrapper>
-          <CardContentStyled>
-            <ContentInfoStyled>사용 기한</ContentInfoStyled>
-            <ContentDetailStyled>
-              {!!extensionInfo
-                ? formatDate(new Date(extensionInfo.expiredAt), ".", 4, 2, 2)
-                : "-"}
-            </ContentDetailStyled>
-          </CardContentStyled>
-          <CardContentStyled>
-            <ContentInfoStyled>연장 기간</ContentInfoStyled>
-            <ContentDetailStyled>
-              {!!extensionInfo ? extensionInfo.extensionPeriod + "일" : "-"}
-            </ContentDetailStyled>
-          </CardContentStyled>
-        </CardContentWrapper>
-      </Card>
-      {showNotificationModal && (
-        <NotificationModal
-          title={"연장권 안내"}
-          detail={NotificationModalDetail}
-          closeModal={() => setShowNotificationModal(false)}
-        />
-      )}
-    </>
-  );
-};
-
-export default ExtensionCard;