diff --git a/src/template/template.html b/src/template/template.html
index 85c4c19..2993cef 100644
--- a/src/template/template.html
+++ b/src/template/template.html
@@ -19,9 +19,9 @@
 <template id="popup-template">
     <div class="recommendation-popup">
         <div class="recommendation-popup-content">
+            <button class="close-popup">×</button>
             <div class="recommendation-popup-header">
                 <h3></h3>
-                <button class="close-popup">×</button>
             </div>
             <div id="account-list" class="recommendation-popup-body"></div>
             <div class="loading-spinner" id="loading-spinner"></div>
diff --git a/style.css b/style.css
index 0facd03..52c1513 100644
--- a/style.css
+++ b/style.css
@@ -293,10 +293,11 @@ section {
 }
 
 .recommendation-popup-content {
+    position: relative;
     background-color: var(--background-color);
     border-radius: 15px;
     padding: 20px;
-    width: 90%;
+    width: 98%;
     max-width: 800px;
     height: 80%;
     overflow: hidden;
@@ -317,11 +318,14 @@ section {
 }
 
 .close-popup {
-    background-color: transparent;
+    position: absolute;
+    top: 10px;
+    right: 10px;
+    background: transparent;
     border: none;
-    color: #ffffff;
-    font-size: 1.5rem;
+    font-size: 20px;
     cursor: pointer;
+    color: #ccc;
 }
 
 .recommendation-popup-body {