diff --git a/src/pages/Popup/Popup.jsx b/src/pages/Popup/Popup.jsx
index 97d143e46..139db0aa8 100644
--- a/src/pages/Popup/Popup.jsx
+++ b/src/pages/Popup/Popup.jsx
@@ -154,6 +154,7 @@ class Popup extends Component {
             {itemsList}
           </List>
           <div class="footer" >
+            <div>
             <IconButton
               edge="end"
               size="small"
@@ -161,7 +162,8 @@ class Popup extends Component {
               onClick={(e) => { chrome.tabs.update({ url: 'https://github.com/arch-org/mistake' }); e.preventDefault(); }}
             >
               <GitHubIcon style={{ fontSize: 'xx-small' }} />
-            </IconButton>
+            </IconButton></div>
+            <div>
             <IconButton
               edge="end"
               size="small"
@@ -177,7 +179,7 @@ class Popup extends Component {
               onClick={(e) => { chrome.tabs.update({ url: 'https://leetcode.com/discuss/general-discussion/460599/blind-75-leetcode-questions' }); e.preventDefault(); }}
             >
               <AccountTreeIcon style={{ fontSize: 'xx-small' }} />
-            </IconButton>
+            </IconButton></div>
           </div>
         </header>
       </div>
diff --git a/src/pages/Popup/index.css b/src/pages/Popup/index.css
index 3ea65560f..a282c19e2 100644
--- a/src/pages/Popup/index.css
+++ b/src/pages/Popup/index.css
@@ -24,4 +24,6 @@ code {
   text-align: center;
   font-size: xx-small;
   position: absolute;
+  display: flex;
+  justify-content: space-around;
 }
\ No newline at end of file