diff --git a/src/Component/Modal/modal.tsx b/src/Component/Modal/modal.tsx
index 88ca6cc..af418a0 100644
--- a/src/Component/Modal/modal.tsx
+++ b/src/Component/Modal/modal.tsx
@@ -8,7 +8,7 @@ const getModalStyles = (isSmallScreen: boolean): Styles => {
   return {
     overlay: {
       backgroundColor: "rgb(255 255 255 / 60%)",
-      width: "90%",
+      width: isSmallScreen ? "100%" : "90%",
       height: "100%",
       zIndex: 100,
       top: "0",
@@ -16,7 +16,7 @@ const getModalStyles = (isSmallScreen: boolean): Styles => {
     },
     content: {
       width: isSmallScreen ? "85%" : "400px",
-      height: isSmallScreen ? "auto" : "450px",
+      height: isSmallScreen ? "400px" : "450px",
       zIndex: "11",
       position: "fixed" as const,
       scrollbarWidth: "none",
diff --git a/src/Component/Portfolio/PortfolioDetail.tsx b/src/Component/Portfolio/PortfolioDetail.tsx
index a29be25..f7e6df5 100644
--- a/src/Component/Portfolio/PortfolioDetail.tsx
+++ b/src/Component/Portfolio/PortfolioDetail.tsx
@@ -12,15 +12,16 @@ import DeleteButton2 from "../Button/DeleteButton2";
 import styled from "styled-components";
 
 const TitleDiv = styled.div`
-    width: 60%;
-    display: flex;
-    align-items: center;
-    position: relative;
-    justify-content: space-between;
-    @media (max-width: 768px) {
-        width: 100%;
-        padding-right: 1rem;
-    }
+  width: 95%;
+  display: flex;
+  align-items: center;
+  position: relative;
+  margin-left: 1rem;
+  justify-content: space-between;
+  @media (max-width: 768px) {
+    width: 100%;
+    padding-right: 2rem;
+  }
 `;
 
 const PortfolioDetail = () => {