diff --git a/resources/css/main.css b/resources/css/main.css
index a9273d614..6f040122e 100644
--- a/resources/css/main.css
+++ b/resources/css/main.css
@@ -35,6 +35,11 @@
 
 
 #power-grid-table-base {
+    div:has(> div > table) {
+        @apply border-uh-border-color;
+        scrollbar-width: thin;
+    }
+
     table {
         thead {
             @apply bg-gray-100;
@@ -47,7 +52,7 @@
         }
 
         td {
-            border: 1px solid #e2e8f0;
+            @apply border border-uh-border-color;
 
             &:first-child {
                 border-left: none;
@@ -59,10 +64,28 @@
         }
     }
 
+    input, select {
+        @apply focus:ring-primary-500 focus-within:focus:ring-primary-500 focus-within:ring-primary-500 focus-within:ring-1;
+    }
+
+    button[data-cy^="toggle-columns-"] {
+        @apply bg-gray-100 border-gray-200 hover:bg-gray-200 active:bg-gray-100 focus-within:ring-1;
+        @apply duration-300 ease-out;
+
+        svg {
+            @apply text-gray-800;
+        }
+    }
+
     nav[aria-label="Pagination Navigation"] {
         span, a {
             @apply !border-uh-border-color;
         }
+
+        span {
+            @apply bg-primary-50 text-primary-700;
+            @apply first:rounded-l-md last:rounded-r-md;
+        }
     }
 }
 
diff --git a/resources/views/components/table/destination.blade.php b/resources/views/components/table/destination.blade.php
index 6d6c35a33..d375ca3aa 100644
--- a/resources/views/components/table/destination.blade.php
+++ b/resources/views/components/table/destination.blade.php
@@ -7,7 +7,7 @@
 
     <br>
 
-    <a href="{{ $destination }}" target="_blank" title="{{ $destination }}" rel="noopener noreferrer" class="text-neutral-500">
+    <a href="{{ $destination }}" target="_blank" title="{{ $destination }}" rel="noopener noreferrer" class="text-gray-500">
         {{ Helper::urlFormat($destination, $limit) }}
     </a>
 </div>