diff --git a/app/assets/javascripts/packages_and_registries/infrastructure_registry/details/components/package_files.vue b/app/assets/javascripts/packages_and_registries/infrastructure_registry/details/components/package_files.vue
index ecd1bfb8ebe427d5479814adc311507609d6fb37..df5baafe799d71a3772803c58c19bef274060eb0 100644
--- a/app/assets/javascripts/packages_and_registries/infrastructure_registry/details/components/package_files.vue
+++ b/app/assets/javascripts/packages_and_registries/infrastructure_registry/details/components/package_files.vue
@@ -113,7 +113,7 @@ export default {
         />
         <gl-link
           :href="item.download_path"
-          class="gl-text-gray-500"
+          class="gl-text-secondary"
           data-testid="download-link"
           @click="$emit('download-file')"
         >
@@ -130,7 +130,7 @@ export default {
         <gl-link
           v-if="item.pipeline && item.pipeline.project"
           :href="item.pipeline.project.commit_url"
-          class="gl-text-gray-500"
+          class="gl-text-secondary"
           data-testid="commit-link"
           >{{ item.pipeline.git_commit_message }}</gl-link
         >
@@ -147,7 +147,7 @@ export default {
             @action="$emit('delete-file', item)"
           >
             <template #list-item>
-              {{ $options.i18n.deleteFile }}
+              <span class="gl-text-red-500">{{ $options.i18n.deleteFile }}</span>
             </template>
           </gl-disclosure-dropdown-item>
         </gl-disclosure-dropdown>
diff --git a/app/assets/javascripts/packages_and_registries/package_registry/components/details/package_files.vue b/app/assets/javascripts/packages_and_registries/package_registry/components/details/package_files.vue
index 49964c408961799d652c4882584b12f9b766a35f..6b9d3e3b1ce7b4b93156479ea2e7102ec1a4bb9e 100644
--- a/app/assets/javascripts/packages_and_registries/package_registry/components/details/package_files.vue
+++ b/app/assets/javascripts/packages_and_registries/package_registry/components/details/package_files.vue
@@ -407,6 +407,7 @@ export default {
           <gl-form-checkbox
             v-if="canDelete"
             :checked="rowSelected"
+            class="gl-min-h-0"
             data-testid="package-files-checkbox"
             @change="rowSelected ? unselectRow() : selectRow()"
           />
@@ -428,7 +429,7 @@ export default {
           />
           <gl-link
             :href="item.downloadPath"
-            class="gl-text-gray-500"
+            class="gl-text-secondary"
             data-testid="download-link"
             @click="track($options.trackingActions.DOWNLOAD_PACKAGE_ASSET_TRACKING_ACTION)"
           >
@@ -449,7 +450,8 @@ export default {
           <gl-disclosure-dropdown
             category="tertiary"
             icon="ellipsis_v"
-            placement="right"
+            placement="bottom-end"
+            class="gl-my-n3!"
             :toggle-text="$options.i18n.moreActionsText"
             text-sr-only
             no-caret
@@ -459,7 +461,7 @@ export default {
               @action="handleFileDelete([item])"
             >
               <template #list-item>
-                {{ $options.i18n.deleteFile }}
+                <span class="gl-text-red-500">{{ $options.i18n.deleteFile }}</span>
               </template>
             </gl-disclosure-dropdown-item>
           </gl-disclosure-dropdown>