diff --git a/src/components/Schedule/diary-refac.js b/src/components/Schedule/diary-refac.js
index 39a9bec..04ecd98 100644
--- a/src/components/Schedule/diary-refac.js
+++ b/src/components/Schedule/diary-refac.js
@@ -1,28 +1,33 @@
-import { Row, Col } from 'react-bootstrap';
-import React, { useEffect, useState } from 'react';
-import axios from 'axios';
-import '../../statics/css/diary.css';
-import { useSelector } from 'react-redux';
-import DiaryImage from './diaryImage';
-import DiaryText from './diaryText';
+import { Row, Col } from "react-bootstrap";
+import React, { useEffect, useState } from "react";
+import axios from "axios";
+import "../../statics/css/diary.css";
+import { useSelector } from "react-redux";
+import DiaryImage from "./diaryImage";
+import DiaryText from "./diaryText";
 
 function DiaryRefac() {
-  const token = localStorage.getItem('accessToken');
+  const token = localStorage.getItem("accessToken");
   const selectedDay = useSelector((state) => state.schedule.selectedDay);
   const [wantEdit, setWantEdit] = useState(false); // 수정여부
   const [data, setData] = useState(new FormData()); // 전송할 데이터
-  const [imgFile, setImgFile] = useState(''); // 이미지 파일
-  const [content, setContent] = useState(''); // 글 내용
-  const [imgURL, setImgURL] = useState(''); // 서버에서 불러올 img url
-  const [preview, setPreview] = useState('');
-  const [diarySeq, setDiarySeq] = useState('');
+  const [imgFile, setImgFile] = useState(""); // 이미지 파일
+  const [content, setContent] = useState(""); // 글 내용
+  const [imgURL, setImgURL] = useState(""); // 서버에서 불러올 img url
+  const [preview, setPreview] = useState("");
+  const [diarySeq, setDiarySeq] = useState("");
   const getData = async () => {
     await axios
-      .get(process.env.REACT_APP_SERVER_URL + '/diaries?date=' + JSON.parse(selectedDay), {
-        headers: {
-          Authorization: `Bearer ${token}`,
-        },
-      })
+      .get(
+        process.env.REACT_APP_SERVER_URL +
+          "/diaries?date=" +
+          JSON.parse(selectedDay),
+        {
+          headers: {
+            Authorization: `Bearer ${token}`,
+          },
+        }
+      )
       .then((response) => {
         setData(() => response.data.diary);
       });
@@ -37,39 +42,49 @@ function DiaryRefac() {
   const createDiary = async () => {
     let createData = new FormData();
     if (imgFile) {
-      createData.append('image', imgFile);
+      createData.append("image", imgFile);
     }
-    createData.append('dateInfo.date', JSON.parse(selectedDay));
-    createData.append('contentInfo.content', content);
+    createData.append("dateInfo.date", JSON.parse(selectedDay));
+    createData.append("contentInfo.content", content);
     axios
-      .post(process.env.REACT_APP_SERVER_URL + '/diaries?date=' + JSON.parse(selectedDay), createData, {
-        headers: {
-          Authorization: `Bearer ${token}`,
-        },
-      })
+      .post(
+        process.env.REACT_APP_SERVER_URL +
+          "/diaries?date=" +
+          JSON.parse(selectedDay),
+        createData,
+        {
+          headers: {
+            Authorization: `Bearer ${token}`,
+          },
+        }
+      )
       .then((response) => getData())
       .catch((err) => console.log(err));
   };
   const updateDiary = async () => {
     let updateData = new FormData();
     if (imgFile) {
-      updateData.append('image', imgFile);
+      updateData.append("image", imgFile);
     }
-    updateData.append('contentInfo.content', content);
+    updateData.append("contentInfo.content", content);
     axios
-      .patch(process.env.REACT_APP_SERVER_URL + `/diaries/${diarySeq}`, updateData, {
-        headers: {
-          Authorization: `Bearer ${token}`,
-        },
-      })
+      .patch(
+        process.env.REACT_APP_SERVER_URL + `/diaries/${diarySeq}`,
+        updateData,
+        {
+          headers: {
+            Authorization: `Bearer ${token}`,
+          },
+        }
+      )
       .then((response) => getData())
       .catch((err) => console.log(err));
   };
   const changeDay = () => {
-    setPreview(() => '');
-    setImgURL(() => '');
-    setContent(() => '');
-    setDiarySeq(() => '');
+    setPreview(() => "");
+    setImgURL(() => "");
+    setContent(() => "");
+    setDiarySeq(() => "");
     setWantEdit(() => false);
     setImgFile(() => null);
   };
@@ -90,7 +105,7 @@ function DiaryRefac() {
             setPreview={setPreview}
           />
         </Col>
-        <Col className="diary-box__img" sm={4} md={4} lg={4}>
+        <Col className="diary-box__img" sm={8} md={8} lg={8}>
           <DiaryText
             wantEdit={wantEdit}
             setWantEdit={setWantEdit}
diff --git a/src/components/Schedule/diaryImage.js b/src/components/Schedule/diaryImage.js
index d7ac070..e949ccc 100644
--- a/src/components/Schedule/diaryImage.js
+++ b/src/components/Schedule/diaryImage.js
@@ -1,6 +1,6 @@
-import axios from 'axios';
-import React, { useState, useEffect } from 'react';
-import { useSelector } from 'react-redux';
+import axios from "axios";
+import React, { useState, useEffect } from "react";
+import { useSelector } from "react-redux";
 
 function DiaryImage({ wantEdit, imgURL, setImgFile, preview, setPreview }) {
   const selectPicture = (e) => {
@@ -8,21 +8,33 @@ function DiaryImage({ wantEdit, imgURL, setImgFile, preview, setPreview }) {
     setImgFile(() => e.target.files[0]);
   };
   return (
-    <>
-      {wantEdit ? <input type="file" id="file" accept="image/*" onChange={selectPicture} /> : null}
+    <div className="diary-image">
+      {wantEdit ? (
+        <input
+          type="file"
+          id="file"
+          accept="image/*"
+          onChange={selectPicture}
+        />
+      ) : null}
       <div className="diary-box__img-file-wrapper">
         {!preview && !imgURL ? (
           <div>
-            <img src={'images/photoCat.png'} alt="defaultImg" />
-            <p>사진을 남겨주세요</p>
+            <img src={"images/photoCat.png"} alt="defaultImg" />
+            <div className="diary-image__text">
+              오늘 하루를 기록할 수 있는 사진을 남겨주세요
+            </div>
           </div>
         ) : null}
         {!preview && imgURL ? (
-          <img src={process.env.REACT_APP_SERVER_URL + `/images/${imgURL}`} alt="diaryImg" />
+          <img
+            src={process.env.REACT_APP_SERVER_URL + `/images/${imgURL}`}
+            alt="diaryImg"
+          />
         ) : null}
         {preview ? <img src={preview} alt="preview" /> : null}
       </div>
-    </>
+    </div>
   );
 }
 export default React.memo(DiaryImage);
diff --git a/src/components/Schedule/todaystudy.js b/src/components/Schedule/todaystudy.js
index 265f049..1269ea3 100644
--- a/src/components/Schedule/todaystudy.js
+++ b/src/components/Schedule/todaystudy.js
@@ -1,9 +1,9 @@
-import { useState, useEffect } from 'react';
-import { Row, Col, Container } from 'react-bootstrap';
-import { useSelector } from 'react-redux';
-import { Link } from 'react-router-dom';
-import '../../statics/css/todayStudy.css';
-import Modal from '../modal';
+import { useState, useEffect } from "react";
+import { Row, Col, Container } from "react-bootstrap";
+import { useSelector } from "react-redux";
+import { Link } from "react-router-dom";
+import "../../statics/css/todayStudy.css";
+import Modal from "../modal";
 
 export default function Todaystudy({ weekly }) {
   const selectedDay = useSelector((state) => state.schedule.selectedDay);
@@ -17,7 +17,10 @@ export default function Todaystudy({ weekly }) {
   };
   useEffect(() => {
     try {
-      setDailyStudies(weekly.filter((daily) => daily.date === JSON.parse(selectedDay))[0].studySchedules);
+      setDailyStudies(
+        weekly.filter((daily) => daily.date === JSON.parse(selectedDay))[0]
+          .studySchedules
+      );
     } catch {
       setDailyStudies([]);
     }
@@ -35,19 +38,31 @@ export default function Todaystudy({ weekly }) {
                 sm={6}
                 md={6}
                 lg={6}
-                style={{ cursor: 'pointer' }}
+                style={{ cursor: "pointer" }}
                 onClick={openModal}
               >
-                {localStorage.setItem('studySeq', study.studySeq)}
+                {localStorage.setItem("studySeq", study.studySeq)}
                 <div className="schedule-today-study-contents">
                   <div className="schedule-today-study-contents-header">
-                    <span className="schedule-today-study-contents__category">{study.categoryName}</span>
-                    <span className="schedule-today-study-contents__title">{study.title}</span>
+                    <span className="schedule-today-study-contents__category">
+                      {study.categoryName}
+                    </span>
+                    <span className="schedule-today-study-contents__title">
+                      {study.title}
+                    </span>
+                  </div>
+                  <div className="schedule-today-study-contents__desc">
+                    {study.shortDescription}
                   </div>
-                  <div className="schedule-today-study-contents__desc">{study.shortDescription}</div>
                   <div className="schedule-today-study-contents-foot">
                     <div className="schedule-today-study-contents__members">
-                      <svg width="14" height="14" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <svg
+                        width="14"
+                        height="14"
+                        viewBox="0 0 15 15"
+                        fill="none"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
                         <path
                           d="M7.5 7.5C8.44483 7.5 9.35097 7.12467 10.0191 6.45657C10.6872 5.78847 11.0625 4.88233 11.0625 3.9375C11.0625 2.99267 10.6872 2.08653 10.0191 1.41843C9.35097 0.750334 8.44483 0.375 7.5 0.375C6.55517 0.375 5.64903 0.750334 4.98093 1.41843C4.31283 2.08653 3.9375 2.99267 3.9375 3.9375C3.9375 4.88233 4.31283 5.78847 4.98093 6.45657C5.64903 7.12467 6.55517 7.5 7.5 7.5V7.5ZM9.875 3.9375C9.875 4.56739 9.62478 5.17148 9.17938 5.61688C8.73398 6.06228 8.12989 6.3125 7.5 6.3125C6.87011 6.3125 6.26602 6.06228 5.82062 5.61688C5.37522 5.17148 5.125 4.56739 5.125 3.9375C5.125 3.30761 5.37522 2.70352 5.82062 2.25812C6.26602 1.81272 6.87011 1.5625 7.5 1.5625C8.12989 1.5625 8.73398 1.81272 9.17938 2.25812C9.62478 2.70352 9.875 3.30761 9.875 3.9375V3.9375ZM14.625 13.4375C14.625 14.625 13.4375 14.625 13.4375 14.625H1.5625C1.5625 14.625 0.375 14.625 0.375 13.4375C0.375 12.25 1.5625 8.6875 7.5 8.6875C13.4375 8.6875 14.625 12.25 14.625 13.4375ZM13.4375 13.4328C13.4363 13.1406 13.2546 12.2619 12.4495 11.4567C11.6753 10.6825 10.2182 9.875 7.5 9.875C4.78063 9.875 3.32475 10.6825 2.5505 11.4567C1.74538 12.2619 1.56488 13.1406 1.5625 13.4328H13.4375Z"
                           fill="var(--textColor)"
@@ -56,7 +71,13 @@ export default function Todaystudy({ weekly }) {
                       {study.isAttend}/6
                     </div>
                     <div className="schedule-today-study-contents__time">
-                      <svg width="14" height="14" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <svg
+                        width="14"
+                        height="14"
+                        viewBox="0 0 20 20"
+                        fill="none"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
                         <path
                           d="M9.99 0C4.47 0 0 4.48 0 10C0 15.52 4.47 20 9.99 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 9.99 0ZM10 18C5.58 18 2 14.42 2 10C2 5.58 5.58 2 10 2C14.42 2 18 5.58 18 10C18 14.42 14.42 18 10 18ZM9.78 5H9.72C9.32 5 9 5.32 9 5.72V10.44C9 10.79 9.18 11.12 9.49 11.3L13.64 13.79C13.98 13.99 14.42 13.89 14.62 13.55C14.6702 13.469 14.7036 13.3788 14.7182 13.2846C14.7328 13.1905 14.7283 13.0943 14.705 13.002C14.6817 12.9096 14.64 12.8229 14.5824 12.7469C14.5249 12.671 14.4526 12.6074 14.37 12.56L10.5 10.26V5.72C10.5 5.32 10.18 5 9.78 5V5Z"
                           fill="var(--textColor)"
@@ -74,9 +95,11 @@ export default function Todaystudy({ weekly }) {
                     pathname: `/studyroom`,
                   }}
                 >
-                  <button>예</button>
+                  <button className="studyroom-in__btn">예</button>
                 </Link>
-                <button onClick={closeModal}>아니오</button>
+                <button className="studyroom-in__no-btn" onClick={closeModal}>
+                  아니오
+                </button>
               </Modal>
             </>
           ))
diff --git a/src/components/home/todays/homeStudiesList.js b/src/components/home/todays/homeStudiesList.js
index 157ba6a..fe3ba7d 100644
--- a/src/components/home/todays/homeStudiesList.js
+++ b/src/components/home/todays/homeStudiesList.js
@@ -116,9 +116,11 @@ export default function HomeStudies() {
                   pathname: `/studyroom`,
                 }}
               >
-                <button>예</button>
+                <button className="studyroom-in__btn">예</button>
               </Link>
-              <button onClick={closeModal}>아니오</button>
+              <button className="studyroom-in__no-btn" onClick={closeModal}>
+                아니오
+              </button>
             </Modal>
           </div>
         ))}
diff --git a/src/statics/css/diary.css b/src/statics/css/diary.css
index a35399b..3dab5fd 100644
--- a/src/statics/css/diary.css
+++ b/src/statics/css/diary.css
@@ -40,15 +40,24 @@
   margin: auto;
   border-radius: 7px;
 }
-.diary .diary-box__contents textarea {
+.diary .diary-box__contents-text {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+}
+.diary .diary-box__contents-text textarea {
   width: 100%;
-  height: 90%;
+  height: 100%;
   background-color: var(--htmlbgColor);
   border: 1px solid var(--borderColor);
   border-radius: 7px;
   font-size: 12px;
   padding: 0.5rem;
   color: var(--textColor-todo);
+  margin-bottom: 16px;
+}
+.diary .diary-box__contents-text :focus {
+  outline: 1px solid #6667ab;
 }
 .diary .diary-box__contents-btn {
   border: none;
@@ -60,4 +69,13 @@
   border-radius: 5px;
 }
 
+.diary-image {
+  color: var(--textColor-todo);
+  font-size: 14px;
+}
+
+.diary-image__text {
+  padding-top: 8px;
+}
+
 /*# sourceMappingURL=diary.css.map */
diff --git a/src/statics/css/diary.css.map b/src/statics/css/diary.css.map
index 4fc9cf1..786095b 100644
--- a/src/statics/css/diary.css.map
+++ b/src/statics/css/diary.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/main.scss","../scss/diary.scss"],"names":[],"mappings":"AAAQ;AAcR;EACE;;;ACbF;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAKJ;EACE;EAGA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACE;EACA,kBDpDQ;ECqDR;EACA;EACA;EACA;EACA","file":"diary.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../scss/main.scss","../scss/diary.scss"],"names":[],"mappings":"AAAQ;AAcR;EACE;;;ACbF;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAKJ;EACE;EAGA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAMJ;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAGJ;EACE;EACA,kBD9DQ;EC+DR;EACA;EACA;EACA;EACA;;;AA2BJ;EACE;EACA;;;AAGF;EACE","file":"diary.css"}
\ No newline at end of file
diff --git a/src/statics/css/home/homeStudiesList.css b/src/statics/css/home/homeStudiesList.css
index 1bc95d3..5bb84fe 100644
--- a/src/statics/css/home/homeStudiesList.css
+++ b/src/statics/css/home/homeStudiesList.css
@@ -102,4 +102,23 @@
   color: var(--textColor);
 }
 
+.studyroom-in__btn {
+  border: none;
+  background-color: #6667ab;
+  color: #eeeeee;
+  border-radius: 5px;
+  font-size: 14px;
+  padding: 0.3rem 1.6rem;
+  margin-right: 6px;
+}
+
+.studyroom-in__no-btn {
+  border: 1px solid #6667ab;
+  background-color: var(--bgColor);
+  color: var(--textColor);
+  border-radius: 5px;
+  font-size: 14px;
+  padding: 0.3rem 1.3rem;
+}
+
 /*# sourceMappingURL=homeStudiesList.css.map */
diff --git a/src/statics/css/home/homeStudiesList.css.map b/src/statics/css/home/homeStudiesList.css.map
index 388adcb..638e43c 100644
--- a/src/statics/css/home/homeStudiesList.css.map
+++ b/src/statics/css/home/homeStudiesList.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../scss/main.scss","../../scss/home/homeStudiesList.scss"],"names":[],"mappings":"AAAQ;AAcR;EACE;;;ACbF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;AACA;EACE;EACA,ODzBQ;EC0BR;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACE;EACA;EACA;EACA;EACA;;;AAEF;EAME;;AALA;EACE;EACA;EACA","file":"homeStudiesList.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../../scss/main.scss","../../scss/home/homeStudiesList.scss"],"names":[],"mappings":"AAAQ;AAcR;EACE;;;ACbF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;AACA;EACE;EACA,ODzBQ;EC0BR;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACE;EACA;EACA;EACA;EACA;;;AAEF;EAME;;AALA;EACE;EACA;EACA;;;AAIJ;EACE;EACA,kBDzFU;EC0FV;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA","file":"homeStudiesList.css"}
\ No newline at end of file
diff --git a/src/statics/css/todayStudy.css b/src/statics/css/todayStudy.css
index 1fe8af7..1b29a64 100644
--- a/src/statics/css/todayStudy.css
+++ b/src/statics/css/todayStudy.css
@@ -66,4 +66,23 @@
   color: var(--textColor-dark);
 }
 
+.studyroom-in__btn {
+  border: none;
+  background-color: #6667ab;
+  color: #eeeeee;
+  border-radius: 5px;
+  font-size: 14px;
+  padding: 0.3rem 1.6rem;
+  margin-right: 6px;
+}
+
+.studyroom-in__no-btn {
+  border: 1px solid #6667ab;
+  background-color: var(--bgColor);
+  color: var(--textColor);
+  border-radius: 5px;
+  font-size: 14px;
+  padding: 0.3rem 1.3rem;
+}
+
 /*# sourceMappingURL=todayStudy.css.map */
diff --git a/src/statics/css/todayStudy.css.map b/src/statics/css/todayStudy.css.map
index 317bf5a..04841b2 100644
--- a/src/statics/css/todayStudy.css.map
+++ b/src/statics/css/todayStudy.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/main.scss","../scss/todayStudy.scss"],"names":[],"mappings":"AAAQ;AAcR;EACE;;;ACbF;EACE;;;AAGF;EACE;EACA;EACA;;;AAEF;EAGE;EACA;;;AAQF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAGF;EACE;EACA,ODhCQ;;ACkCV;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAEF;EACE;EACA;;AACA;EACE;EACA;;AAGJ;EACE;EACA;EACA;;AACA;EACE;EACA;;AAGJ;EACE;EACA","file":"todayStudy.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../scss/main.scss","../scss/todayStudy.scss"],"names":[],"mappings":"AAAQ;AAcR;EACE;;;ACbF;EACE;;;AAGF;EACE;EACA;EACA;;;AAEF;EAGE;EACA;;;AAQF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAGF;EACE;EACA,ODhCQ;;ACkCV;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAEF;EACE;EACA;;AACA;EACE;EACA;;AAGJ;EACE;EACA;EACA;;AACA;EACE;EACA;;AAGJ;EACE;EACA;;;AAGJ;EACE;EACA,kBDpEU;ECqEV;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA","file":"todayStudy.css"}
\ No newline at end of file
diff --git a/src/statics/scss/diary.scss b/src/statics/scss/diary.scss
index 107f220..4c9a2f7 100644
--- a/src/statics/scss/diary.scss
+++ b/src/statics/scss/diary.scss
@@ -42,16 +42,26 @@
       border-radius: 7px;
     }
   }
-  .diary-box__contents {
+  // .diary-box__contents-text {
+
+  // }
+  .diary-box__contents-text {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-end;
     & textarea {
       width: 100%;
-      height: 90%;
+      height: 100%;
       background-color: var(--htmlbgColor);
       border: 1px solid var(--borderColor);
       border-radius: 7px;
       font-size: 12px;
       padding: 0.5rem;
       color: var(--textColor-todo);
+      margin-bottom: 16px;
+    }
+    :focus {
+      outline: 1px solid $mainColor;
     }
   }
   .diary-box__contents-btn {
@@ -88,3 +98,11 @@
   //   // }
   // }
 }
+.diary-image {
+  color: var(--textColor-todo);
+  font-size: 14px;
+  // padding-top: 8px;
+}
+.diary-image__text {
+  padding-top: 8px;
+}
diff --git a/src/statics/scss/home/homeStudiesList.scss b/src/statics/scss/home/homeStudiesList.scss
index 8bff0f8..80dcf08 100644
--- a/src/statics/scss/home/homeStudiesList.scss
+++ b/src/statics/scss/home/homeStudiesList.scss
@@ -91,3 +91,20 @@
   }
   margin-right: 8px;
 }
+.studyroom-in__btn {
+  border: none;
+  background-color: $mainColor;
+  color: #eeeeee;
+  border-radius: 5px;
+  font-size: 14px;
+  padding: 0.3rem 1.6rem;
+  margin-right: 6px;
+}
+.studyroom-in__no-btn {
+  border: 1px solid $mainColor;
+  background-color: var(--bgColor);
+  color: var(--textColor);
+  border-radius: 5px;
+  font-size: 14px;
+  padding: 0.3rem 1.3rem;
+}
diff --git a/src/statics/scss/todayStudy.scss b/src/statics/scss/todayStudy.scss
index cc4d2a3..3c237d9 100644
--- a/src/statics/scss/todayStudy.scss
+++ b/src/statics/scss/todayStudy.scss
@@ -1,4 +1,4 @@
-@import 'main.scss';
+@import "main.scss";
 
 .schedule-today-study {
   font-family: $font-family;
@@ -70,3 +70,20 @@
     color: var(--textColor-dark);
   }
 }
+.studyroom-in__btn {
+  border: none;
+  background-color: $mainColor;
+  color: #eeeeee;
+  border-radius: 5px;
+  font-size: 14px;
+  padding: 0.3rem 1.6rem;
+  margin-right: 6px;
+}
+.studyroom-in__no-btn {
+  border: 1px solid $mainColor;
+  background-color: var(--bgColor);
+  color: var(--textColor);
+  border-radius: 5px;
+  font-size: 14px;
+  padding: 0.3rem 1.3rem;
+}