diff --git a/src/components/Global.css b/src/components/Global.css
index b23da91..662bdfb 100644
--- a/src/components/Global.css
+++ b/src/components/Global.css
@@ -14,10 +14,11 @@
   padding: 2rem;
   border-radius: 0.5rem;
   transform: translate(-50%, -50%);
-  box-shadow: 0px 0px 10px #2e3033;
-  background: #141517;
+  box-shadow: 0 0 30px 0 var(--color-shadow-layer03-02),
+    0 0 6px 0 var(--color-shadow-layer03-01);
+  background: var(--color-bg-layer-02);
   z-index: 1000;
-  overflow-y: auto;
+  overflow-y: none;
   -ms-overflow-style: none; /* IE and Edge */
   scrollbar-width: none; /* Firefox */
 }
@@ -28,7 +29,7 @@
   position: absolute;
   right: 0.5rem;
   top: 0.5rem;
-  color: white;
+  color: var(--color-content-02);
   font-size: 1.5rem;
   font-family: "Sandoll Nemony2";
 }
@@ -55,60 +56,76 @@
   background-clip: padding-box;
 }
 .czp-storage-heading {
-  color: white;
+  color: var(--color-content-02);
   font-family: "Sandoll Nemony2";
   margin-bottom: 0.5rem;
 }
 .czp-storage-form {
-  display: flex;
-  width: 100%;
-  margin-bottom: 0.5rem;
+  margin-block: 1rem;
 }
 .czp-storage-form-input {
-  flex: 1 0 auto;
-  padding: 1rem;
-  color: white;
-  background: #262729;
-  border-radius: 0.5rem 0rem 0rem 0.5rem;
+  padding: 0.5rem;
 }
+
 .czp-storage-form-btn {
-  background-color: white;
+  background-color: var(--color-bg-02);
   padding: 0.5rem;
-  background: #434445;
-  color: #828385;
-  border-radius: 0rem 0.5rem 0.5rem 0rem;
+  color: var(--color-content-02);
+  border-radius: 8px;
   font-family: "Sandoll Nemony2";
 }
+
 .czp-storage-form-btn:hover {
-  background: #535353;
+  background: var(--color-bg-02);
 }
 
 .czp-chat-st-btn {
-  width: 100%;
-  color: #e9e9e9;
-  text-align: left;
-  background-color: #2e3033;
-  border-radius: 0.25rem;
+  display: flex;
+  flex-direction: row !important;
+  justify-content: space-between !important;
+  height: fit-content !important;
+  min-height: 3rem;
+  word-break: break-all;
+  white-space: pre-wrap;
   padding: 1rem;
   cursor: pointer;
+  flex-shrink: 0;
+
+  span {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 3;
+    -webkit-box-orient: vertical;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+  }
 }
+
 .czp-chat-st-btn:hover {
-  background-color: #3e4145;
+  background-color: var(--color-bg-03) !important;
 }
 .czp-chat-st-remove-btn {
-  float: right;
-  color: #e9e9e9;
-  background-color: #222222;
+  display: flex;
+  color: var(--color-content-02);
+  background-color: var(--color-bg-02);
   border-radius: 0.25rem;
-  padding: 0.5rem;
+  width: 2rem;
+  height: 2rem;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
 }
 .czp-chat-st-remove-btn:hover {
-  background-color: #353535;
+  background-color: var(--color-bg-05);
 }
 
 .czp-storage-message {
   position: absolute;
-  background-color: white;
+  background-color: var(--color-bg-03);
+  color: var(--color-content-02);
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
diff --git a/src/components/Global.tsx b/src/components/Global.tsx
index b25b47a..83effc5 100644
--- a/src/components/Global.tsx
+++ b/src/components/Global.tsx
@@ -61,7 +61,7 @@ const MessageStorage = () => {
   return (
     <>
       <h2 className="czp-storage-heading">채팅 저장소</h2>
-      <div className="czp-storage-form">
+      <div className="live_chatting_input_container__qA0ad czp-storage-form">
         <input
           type="text"
           className="czp-storage-form-input"
@@ -73,28 +73,31 @@ const MessageStorage = () => {
         ></input>
         <button
           type="button"
-          className="czp-storage-form-btn"
+          className={`live_chatting_input_send_button__8KBrn ${
+            text && "live_chatting_input_is_active__WeOjk"
+          }`}
           onClick={addMessage}
         >
           저장
         </button>
       </div>
+
       <div className="czp-storage">
         {storage.map((data, idx) => (
           <div
-            className="czp-chat-st-btn"
+            className="component_box__ah2Dn component_default__AJk9D component_is_medium__-6eb7 czp-select-none czp-chat-st-btn"
             key={`${data}-${idx}`}
             onClick={() => {
               copyMessage(data);
             }}
           >
-            {data}
+            <span>{data}</span>
             <button
               type="button"
               className="czp-chat-st-remove-btn"
               key={`${data}-${idx}`}
               onClick={(e) => {
-                e.preventDefault;
+                e.stopPropagation();
                 removeMessage(idx);
               }}
             >
@@ -133,7 +136,7 @@ export default function Global() {
       {open && (
         <div className="czp-global">
           <button
-            className="czp-global-close-btn"
+            className="czp-global-close-btn button_container__ppWwB button_only_icon__kahz5 button_large__oOJou popup_close_button__Gwi1s"
             onClick={() => {
               chrome.storage.local.set({
                 [GLOBAL_SETTING]: false,