diff --git a/src/assets/stylesheets/style.scss b/src/assets/stylesheets/style.scss
index a23dc9fe..b12ee533 100644
--- a/src/assets/stylesheets/style.scss
+++ b/src/assets/stylesheets/style.scss
@@ -16,7 +16,6 @@
 @import 'theme/components/list';
 @import 'theme/components/reload_button';
 @import 'theme/components/resizable';
-@import 'theme/components/shards';
 @import 'theme/components/snackbar';
 @import 'theme/components/table';
 @import 'theme/components/text';
diff --git a/src/assets/stylesheets/theme/components/shards.css b/src/assets/stylesheets/theme/components/shards.css
deleted file mode 100644
index 4e27ed90..00000000
--- a/src/assets/stylesheets/theme/components/shards.css
+++ /dev/null
@@ -1,17 +0,0 @@
-.shard-reroute-target {
-    background-color: transparent;
-    position: absolute;
-    height: 100%;
-    width: 100%;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    border: 2px dashed grey;
-    color: var(--theme-muted-color) !important;
-}
-
-.shard-reroute-target:hover {
-    background-color: rgba(150, 150, 150, 0.5);
-    cursor: pointer;
-}
\ No newline at end of file
diff --git a/src/components/shards/ShardsTable.vue b/src/components/shards/ShardsTable.vue
index 9925c284..37911278 100644
--- a/src/components/shards/ShardsTable.vue
+++ b/src/components/shards/ShardsTable.vue
@@ -80,6 +80,12 @@
             :class="{marked: markedColumnIndex === i}"
             @mouseover="markColumn(i)"
             @mouseleave="unmarkColumn">
+          <div v-if="currentReroutingShard.index === col.name && currentReroutingShard.node !== row" class="flex">
+            <q-btn class="q-mx-sm q-my-md" @click="reroute(currentReroutingShard, row)" color="primary-dark">
+              {{ t('shards.shards_table.reroute.label', { node: row }) }}
+            </q-btn>
+          </div>
+
           <div class="flex">
             <index-shard v-for="(shard, j) in shards.shards?.[row]?.[col.name]"
                          :key="`${col.name}_actual_shard_${i}_${j}`"
@@ -87,12 +93,6 @@
                          :action="initReroute"
                          re-routable
                          :outlined="!(currentReroutingShard.index === col.name && currentReroutingShard.node === row && currentReroutingShard.shard === shard.shard)" />
-
-            <div v-if="currentReroutingShard.index === col.name && currentReroutingShard.node !== row">
-              <button class="shard-reroute-target" @click="reroute(currentReroutingShard, row)">
-                {{ t('shards.shards_table.reroute.label', { node: row }) }}
-              </button>
-            </div>
           </div>
         </td>
       </tr>