diff --git a/view/next-project/src/components/common/RecordAddModal/RecordAddModal.tsx b/view/next-project/src/components/common/RecordAddModal/RecordAddModal.tsx
index 8596d99..4920b16 100644
--- a/view/next-project/src/components/common/RecordAddModal/RecordAddModal.tsx
+++ b/view/next-project/src/components/common/RecordAddModal/RecordAddModal.tsx
@@ -85,10 +85,6 @@ const RecordAddModal: FC<ModalProps> = (props) => {
   const [placeholder, setPlaceholder] = useState('Record Name');
   const [isActive, setIsActive] = useState(false);
 
-  const toggleSwitch = () => {
-    setIsActive(!isActive);
-  };
-
   const handleFocus = () => {
     setIsFocused(true);
     setPlaceholder('');
@@ -141,6 +137,11 @@ const RecordAddModal: FC<ModalProps> = (props) => {
     getUsers(getUsersUrl);
   }, []);
 
+  const toggleSwitch = () => {
+    setRelease(!release);
+    setIsActive(!isActive);
+  };
+
   const handleRecord =
     (input: string) =>
     (
@@ -223,7 +224,7 @@ const RecordAddModal: FC<ModalProps> = (props) => {
             <div className={s.modalButtons}>
               <div className={s.releaseToggle}>
                 <div className={`${s.toggle} ${isActive ? s.checked : ''}`} onClick={toggleSwitch}>
-                  <input type='checkbox' name='check' checked={isActive} onChange={() => {}} />
+                  <input type='checkbox' name='check' checked={release} onChange={() => {}} />
                 </div>
               </div>
               <div className={s.modalSubmitButton}>
diff --git a/view/next-project/src/pages/post/RecordCard.module.css b/view/next-project/src/pages/post/RecordCard.module.css
index e0b92ce..52c5df9 100644
--- a/view/next-project/src/pages/post/RecordCard.module.css
+++ b/view/next-project/src/pages/post/RecordCard.module.css
@@ -1,11 +1,17 @@
+.cardWrapper {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 20px;
+  justify-content: flex-start;
+}
+
 .cardContainer {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
-  width: calc(30% - 14px);
+  width: 350px;
   height: 250px;
-  margin-bottom: 20px;
-  margin-left: 20px;
+  margin: 20px;
   padding: 20px;
   background-color: #fff;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
@@ -104,4 +110,4 @@
   75% {
     transform: translateX(10%) rotate(10deg);
   }
-}
+}
\ No newline at end of file
diff --git a/view/next-project/src/pages/post/index.tsx b/view/next-project/src/pages/post/index.tsx
index 434ee67..1cbd906 100644
--- a/view/next-project/src/pages/post/index.tsx
+++ b/view/next-project/src/pages/post/index.tsx
@@ -53,7 +53,7 @@ const PostPage: React.FC = () => {
     <PostLayout>
       <div className={styles.sample}></div>
       <ListHeader title='Drafts' />
-      <div style={{ display: 'flex', flexWrap: 'wrap', gap: '20px', justifyContent: 'flex-start' }}>
+      <div className={styles.cardWrapper}>
         {drafts.map((draft) => (
           <RecordCard key={draft.id} record={draft} />
         ))}
@@ -62,4 +62,4 @@ const PostPage: React.FC = () => {
   );
 };
 
-export default PostPage;
+export default PostPage;
\ No newline at end of file