diff --git a/packages/rekapager-bundle/templates/bootstrap5.html.twig b/packages/rekapager-bundle/templates/bootstrap5.html.twig
index ccedcb9..7140b45 100644
--- a/packages/rekapager-bundle/templates/bootstrap5.html.twig
+++ b/packages/rekapager-bundle/templates/bootstrap5.html.twig
@@ -45,7 +45,7 @@
 {%- endblock -%}
 
 {%- block gap -%}
-    <li class="page-item disabled" {% if help %}title="{{ help }}"{% endif %}>
-        <a class="page-link" href="#">{{- block("label_gap") -}}</a>
+    <li class="page-item" {% if help %}title="{{ help }}"{% endif %}>
+        <span class="page-link">{{- block("label_gap") -}}</span>
     </li>
 {%- endblock -%}
diff --git a/packages/rekapager-bundle/templates/default.html.twig b/packages/rekapager-bundle/templates/default.html.twig
index 60c2df4..4b3d387 100644
--- a/packages/rekapager-bundle/templates/default.html.twig
+++ b/packages/rekapager-bundle/templates/default.html.twig
@@ -19,12 +19,21 @@
             text-decoration: none;
         }
 
+        #{{ id }} .pagination span.gap {
+            display: block;
+            padding: 0.5em 0.3em;
+            margin: 0 0.1em;
+            border: none;
+            border-radius: 0.2em;
+            text-decoration: none;
+        }
+
         #{{ id }} .pagination a[aria-current="page"] {
             background-color: #333;
             color: #fff;
         }
 
-        #{{ id }} .pagination a.disabled {
+        #{{ id }} .pagination .disabled {
             background-color: #ddd;
             color: #555;
         }
@@ -39,8 +48,6 @@
 
 {%- block gap -%}
     <li>
-        <a href="#" class="disabled">
-            {{- block("label_gap") -}}
-        </a>
+        <span class="gap">{{- block("label_gap") -}}</span>
     </li>
-{%- endblock -%}
\ No newline at end of file
+{%- endblock -%}