diff --git a/template/index.html b/template/index.html
index 78015d2..5cadc0f 100644
--- a/template/index.html
+++ b/template/index.html
@@ -172,15 +172,15 @@
                     <span class="icon" v-if="itemSelectedDetails.status=='unread'">{% inline "circle-full.svg" %}</span>
                     <span class="icon" v-if="itemSelectedDetails.status!='unread'">{% inline "circle.svg" %}</span>
                 </button>
-                <a class="toolbar-item" :href="itemSelectedDetails.link" target="_blank" v-b-tooltip.hover.bottom="'Open URL'">
-                    <span class="icon">{% inline "external-link.svg" %}</span>
-                </a>
-                <button class="toolbar-item" @click="getReadable(itemSelectedDetails)" v-b-tooltip.hover.bottom="'Fetch Content'">
-                    <span class="icon">{% inline "book-open.svg" %}</span>
-                </button>
                 <button class="toolbar-item" id="content-customize" v-b-tooltip.hover.bottom="'Customize'">
                     <span class="icon">{% inline "sliders.svg" %}</span>
                 </button>
+                <button class="toolbar-item" @click="getReadable(itemSelectedDetails)" v-b-tooltip.hover.bottom="'Fetch Content'">
+                    <span class="icon">{% inline "book-open.svg" %}</span>
+                </button>
+                <a class="toolbar-item" :href="itemSelectedDetails.link" target="_blank" v-b-tooltip.hover.bottom="'Open URL'">
+                    <span class="icon">{% inline "external-link.svg" %}</span>
+                </a>
                 <b-popover target="content-customize" triggers="click" placement="bottom">
                     <div class="p-1" style="width: 200px;">
                         <div class="d-flex">