diff --git a/.github/ISSUE_TEMPLATE/bug_report.md b/.github/ISSUE_TEMPLATE/bug_report.md
new file mode 100644
index 0000000..d6d54f8
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/bug_report.md
@@ -0,0 +1,34 @@
+---
+name: Bug report
+about: Create a report to help us improve
+title: ''
+labels: bug
+assignees: ''
+
+---
+
+**Describe the bug**
+A clear and concise description of what the bug is.
+
+**Expected behavior**
+A clear and concise description of what you expected to happen.
+
+**Screenshots**
+If applicable, add screenshots to help explain your problem.
+
+**Environment (please complete the following information):**
+ - OS:
+   - [ ] Linux
+   - [ ] Windows
+   - [ ] Mac
+   - [ ] Others: 
+ - Theme:
+   - [ ] Light
+   - [ ] Dark
+   - [ ] Alpenglow(System: Light)
+   - [ ] Alpenglow(System: Dark)
+   - [ ] System Default
+     - GTK Theme Name(Only Linux User): [sample] Adwaita, Adwaita-Dark, Breath, Breath-Dark
+
+**Additional context**
+Add any other context about the problem here.
diff --git a/README.org b/README.org
index d67af16..22890de 100644
--- a/README.org
+++ b/README.org
@@ -2,9 +2,10 @@
   [[https://wiki.mozilla.org/Firefox/Proton][proton]] is firefox's new design. \\
   I want to fix some flaws.
 
-  [[https://github.com/black7375/Firefox-UI-Fix/wiki/Compatibility-Issues-Solution][Wiki:Compatibility Issues Solution]]
+  | *Wiki* | |
+  | [[https://github.com/black7375/Firefox-UI-Fix/wiki/Screenshots][Screenshots]] | [[https://github.com/black7375/Firefox-UI-Fix/wiki/Compatibility-Issues-Solution][Compatibility Issues Solution]] |
 
-  [[https://user-images.githubusercontent.com/25581533/116832632-4295d000-aba5-11eb-9f4e-33e5291f95ef.png]]
+  [[https://user-images.githubusercontent.com/25581533/117531080-49bb4480-afd0-11eb-8b6a-f04559ed2ab7.png]]
 
   (Fixed proton design)
 
@@ -59,7 +60,7 @@
 ** WHY Not Proton?
    However, there are also many flaws.
 
-   [[https://user-images.githubusercontent.com/25581533/116832636-46295700-aba5-11eb-87d6-d837c2b20318.png]]
+   [[https://user-images.githubusercontent.com/25581533/117529680-69e70580-afc8-11eb-8ecb-bd1e0cfc1e97.png]]
 
    (proton before design)
 
diff --git a/userChrome.css b/userChrome.css
index a659f3f..e6bd106 100644
--- a/userChrome.css
+++ b/userChrome.css
@@ -21,7 +21,7 @@
 
   :root[uidensity=compact] {
     /* Tool Bar */
-    --toolbarbutton-outter-padding: 2px !important; /* Original: 3px, General is 2px */
+    --toolbarbutton-outer-padding: 2px !important; /* Original: 3px, General is 2px */
 
     /* Panel */
     --arrowpanel-menuitem-padding: 3px  !important; /* Original: 8px */
@@ -38,20 +38,35 @@
 
   /** Tab Bar - Reduce Width, Show more tabs **********************************/
   .titlebar-spacer[type="pre-tabs"] {
-    width: 35px; /* Original: 40px */
+    width: 30px; /* Original: 40px */
   }
   .titlebar-spacer[type="post-tabs"] {
-    width: 20px; /* Original: 40px */
+    width: 25px; /* Original: 40px */
+  }
+
+  :root {
+    --newtab-button-minus-width-padding: 2px;
+    --newtab-button-width-padding: calc(var(--toolbarbutton-inner-padding) - var(--newtab-button-minus-width-padding));
+  }
+  #tabs-newtab-button > .toolbarbutton-icon,
+  #new-tab-button     > .toolbarbutton-icon,
+  #alltabs-button     > .toolbarbutton-badge-stack {
+    /* Original: calc(2 * var(--toolbarbutton-inner-padding) + 16px) */
+    width: calc(2 * var(--newtab-button-width-padding) + 16px);
+
+    /* Original: --toolbarbutton-inner-padding */
+    padding-left:  var(--newtab-button-width-padding);
+    padding-right: var(--newtab-button-width-padding);
   }
 
   :root[uidensity=compact] #tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[first-visible-unpinned-tab] {
     margin-inline-start: 0 !important;
   }
 
-  :root:not([uidensity=touch]) #tabbrowser-arrowscrollbox::part(scrollbutton-up),
+  :root:not([uidensity=touch]) #tabbrowser-arrowscrollbox::part(scrollbutton-up  ),
   :root:not([uidensity=touch]) #tabbrowser-arrowscrollbox::part(scrollbutton-down) {
     /* Original: 4px */
-    padding-left: 1px;
+    padding-left:  1px;
     padding-right: 1px;
   }
 
@@ -64,13 +79,23 @@
     --toolbarbutton-inner-padding: 9px; /* Original: calc((var(--tab-min-height) - 16px) / 2) = 10px */
   }
 
-  :root .toolbar-items, .tabbrowser-tab {
+  .toolbar-items, .tabbrowser-tab {
     max-height: 38px;
   }
+  :root[uidensity=compact] .toolbar-items, .tabbrowser-tab {
+    max-height: 36px;
+  }
   :root[uidensity=touch] .toolbar-items, .tabbrowser-tab {
     max-height: unset;
   }
 
+  :root:not([uidensity=touch]) #tabbrowser-arrowscrollbox::part(scrollbutton-up),
+  :root:not([uidensity=touch]) #tabbrowser-arrowscrollbox::part(scrollbutton-down) {
+    /* Original: var(--toolbarbutton-inner-padding) calc(var(--toolbarbutton-inner-padding) - 6px) = 9px */
+    padding-top:    3px !important;
+    padding-bottom: 3px !important;
+  }
+
   /* Tab - Max Size */
   :root:not([uidensity=touch]) .tabbrowser-tab[fadein]:not([pinned]):not([style*="max-width"]) {
     max-width: 240px !important;
@@ -87,7 +112,7 @@
   }
 
   .tab-stack {
-    margin-top: 0px !important;
+    margin-top:    0px !important;
     margin-bottom: 0px !important;
   }
 
@@ -96,8 +121,7 @@
     padding-inline: 1px !important;
   }
 
-  .tabbrowser-tab:not([last-visible-tab])
-  {
+  .tabbrowser-tab:not([last-visible-tab]) {
     margin-inline-end: -.5px !important;
   }
 
@@ -106,8 +130,9 @@
     background-image: linear-gradient(var(--toolbar-bgcolor, transparent), var(--toolbar-bgcolor, transparent)), linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)), var(--lwt-header-image, none) !important;
   }
 
-  /** Selected Tab - Box Shadow ***********************************************/
-  #TabsToolbar[brighttext] #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab:is([visuallyselected="true"], [multiselected]) > .tab-stack > .tab-background:-moz-lwtheme {
+  /* Selected Tab - Box Shadow */
+  #TabsToolbar[brighttext] #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab:is([visuallyselected="true"],
+  [multiselected]) > .tab-stack > .tab-background:-moz-lwtheme {
     box-shadow: 0 0 1px var(--toolbar-color) !important;
   }
 
@@ -128,7 +153,6 @@
   .tab-content::before {
     left: 0 !important;
   }
-
   .tab-content::after {
     right: 0 !important;
   }
@@ -148,8 +172,7 @@
     padding-inline-start: 8px !important;
   }
 
-  #tabbrowser-tabs[closebuttons=activetab] .tabbrowser-tab:not([visuallyselected]) .tab-close-button
-  {
+  #tabbrowser-tabs[closebuttons=activetab] .tabbrowser-tab:not([visuallyselected]) .tab-close-button {
     visibility: collapse !important;
   }
 
@@ -167,7 +190,9 @@
 
   /** Sound Tab - Show with Favicons ******************************************/
   /* Makes the favicons always visible (also on hover) */
-  #tabbrowser-tabs[secondarytext-unsupported] .tab-icon-stack:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) > :not(.tab-icon-overlay), #toolbar-menubar:not(:hover) + #TabsToolbar:not(:hover) #tabbrowser-tabs:not([secondarytext-unsupported]) .tab-icon-image[src] ~ .tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]), :is(#toolbar-menubar:hover + #TabsToolbar, #TabsToolbar:hover) .tab-icon-stack:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) > :not(.tab-icon-overlay) {
+  #tabbrowser-tabs[secondarytext-unsupported] .tab-icon-stack:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) > :not(.tab-icon-overlay), #toolbar-menubar:not(:hover) + #TabsToolbar:not(:hover) #tabbrowser-tabs:not([secondarytext-unsupported]) .tab-icon-image[src] ~ .tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]),
+  :is(#toolbar-menubar:hover + #TabsToolbar, #TabsToolbar:hover) .tab-icon-stack:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) > :not(.tab-icon-overlay)
+  {
     opacity: 1 !important;
   }
 
@@ -197,6 +222,11 @@
     padding-block: 2px; /* [Compact, General]: 4px, Touch 11px */
   }
 
+  /** BookMark Bar - Reduce Height ********************************************/
+  :root[uidensity=compact] #PersonalToolbar toolbarbutton {
+      margin-top: 0px; /* Original: 2px */
+  }
+
   /** Menu - Reduce Padding ***************************************************/
   :root:not([uidensity=touch]) menupopup > menuitem, menupopup > menu {
     padding-block:     0.35em !important; /* Original: 0.5em */
diff --git a/userContent.css b/userContent.css
index 3fe8bd4..a155e81 100644
--- a/userContent.css
+++ b/userContent.css
@@ -2,7 +2,8 @@
   @-moz-document url("about:home"), url("about:newtab") {
     /** Activity Stream - Search Focus Border: like URL ***********************/
     /* At DarkMode, Color */
-    body[style*="--newtab-background-color:rgba(28, 27, 34, 1);"] {
+    body[style*="--newtab-background-color:rgba(28, 27, 34, 1);"],
+    body[style*="--newtab-background-color:rgba(42, 42, 46, 1);"] {
       /* inner */
       --newtab-focus-border: rgba(0, 221, 255, 0.5) !important; /* Original: #B5D3FF, Better color-mix(in srgb, #B5D3FF 70%, transparent) */
       --newtab-focus-border-selected: rgba(0, 221, 255, 0.5) !important; /* Original: #B5D3FF */