diff --git a/assets/css/main.css b/assets/css/main.css
index cdec0065f..be3e57be7 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -934,8 +934,8 @@ html.dark {
   justify-content: space-between;
 }
 
-.tw-gap-1 {
-  gap: 0.25rem;
+.tw-gap-2 {
+  gap: 0.5rem;
 }
 
 .tw-overflow-x-auto {
@@ -975,10 +975,6 @@ html.dark {
   padding: 0px;
 }
 
-.tw-p-1 {
-  padding: 0.25rem;
-}
-
 .tw-p-4 {
   padding: 1rem;
 }
@@ -1010,11 +1006,6 @@ html.dark {
   line-height: 2rem;
 }
 
-.tw-text-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-}
-
 .tw-uppercase {
   text-transform: uppercase;
 }
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index 97743a329..bb8970caa 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -82,22 +82,22 @@
         {{- partial "footer.html" . -}}
     </div>
 
-    <div class="print:!tw-hidden tw-flex tw-flex-col tw-fixed tw-right-4 tw-bottom-4 tw-gap-1">
+    <div class="print:!tw-hidden tw-flex tw-flex-col tw-fixed tw-right-4 tw-bottom-4 tw-gap-2">
         {{- /* top button */ -}}
-        <a href="#back-to-top" id="back-to-top-button" class="tw-transition-opacity tw-opacity-0 tw-block tw-bg-bgColor-secondary tw-rounded-full tw-text-base tw-p-1" title="{{ T `backToTop` }}">
+        <a href="#back-to-top" id="back-to-top-button" class="tw-transition-opacity tw-opacity-0 tw-block tw-bg-bgColor-secondary tw-rounded-full" style="padding: 0.6rem; line-height: 1.3rem; font-size: 1rem;" title="{{ T `backToTop` }}">
             {{ partial "plugin/fontawesome.html" (dict "Style" "solid" "Icon" "arrow-up") }}
         </a>
 
         {{/*  toc dialog button  */}}
         {{- if .Page.Scratch.Get "enableTocDialog" -}}
-        <button id="toc-drawer-button" class="tw-block tw-bg-bgColor-secondary tw-rounded-full tw-text-base tw-p-1 md:tw-hidden">
+        <button id="toc-drawer-button" class="tw-block tw-bg-bgColor-secondary tw-rounded-full md:tw-hidden" style="padding: 0.6rem; line-height: 1.3rem; font-size: 1rem;">
             {{ partial "plugin/fontawesome.html" (dict "Style" "solid" "Icon" "bars") }}
         </button>
         {{- end -}}
 
         {{- /* comment button */ -}}
         {{- if .Page.Scratch.Get "enableComment" -}}
-        <a href="#comments" id="view-comments" class="tw-block tw-bg-bgColor-secondary tw-rounded-full tw-text-base tw-p-1" title="{{ T `viewComments` }}">
+        <a href="#comments" id="view-comments" class="tw-block tw-bg-bgColor-secondary tw-rounded-full" style="padding: 0.6rem; line-height: 1.3rem; font-size: 1rem;" title="{{ T `viewComments` }}">
             {{ partial "plugin/fontawesome.html" (dict "Style" "solid" "Icon" "comment") }}
         </a>
         {{- end -}}