diff --git a/images/chromium-headful/client/src/components/about.vue b/images/chromium-headful/client/src/components/about.vue
index 32d4e80d..32a51610 100644
--- a/images/chromium-headful/client/src/components/about.vue
+++ b/images/chromium-headful/client/src/components/about.vue
@@ -26,13 +26,6 @@
     align-items: center;
 
     .window {
-      max-width: 70vw;
-      background: $background-secondary;
-      border-radius: 5px;
-      max-height: 70vh;
-      overflow-y: auto;
-      overflow-x: hidden;
-
       &::-webkit-scrollbar {
         width: 8px;
       }
@@ -91,13 +84,7 @@
           .kernel-logo {
             width: 100%;
             height: 100%;
-            animation: kernel-logo-spin 1s linear infinite;
-          }
-
-          @media (prefers-reduced-motion: reduce) {
-            .kernel-logo {
-              animation: none;
-            }
+            animation: kernel-logo-pulse 1.5s ease-in-out infinite;
           }
         }
       }
@@ -108,12 +95,15 @@
     }
   }
 
-  @keyframes kernel-logo-spin {
-    from {
-      transform: rotate(0deg);
+  @keyframes kernel-logo-pulse {
+    0%,
+    100% {
+      transform: scale(0.85);
+      opacity: 0.7;
     }
-    to {
-      transform: rotate(360deg);
+    50% {
+      transform: scale(1);
+      opacity: 1;
     }
   }
 </style>
diff --git a/images/chromium-headful/client/src/components/connect.vue b/images/chromium-headful/client/src/components/connect.vue
index ab3f3657..911ed79d 100644
--- a/images/chromium-headful/client/src/components/connect.vue
+++ b/images/chromium-headful/client/src/components/connect.vue
@@ -31,11 +31,6 @@
     align-items: center;
 
     .window {
-      width: 300px;
-      background: $background-secondary;
-      border-radius: 5px;
-      padding: 10px;
-
       .logo {
         width: 100%;
         display: flex;
@@ -111,24 +106,21 @@
         .kernel-logo {
           width: 100%;
           height: 100%;
-          animation: kernel-logo-spin 1s linear infinite;
-        }
-
-        @media (prefers-reduced-motion: reduce) {
-          .kernel-logo {
-            animation: none;
-          }
+          animation: kernel-logo-pulse 1.5s ease-in-out infinite;
         }
       }
     }
   }
 
-  @keyframes kernel-logo-spin {
-    from {
-      transform: rotate(0deg);
+  @keyframes kernel-logo-pulse {
+    0%,
+    100% {
+      transform: scale(0.85);
+      opacity: 0.7;
     }
-    to {
-      transform: rotate(360deg);
+    50% {
+      transform: scale(1);
+      opacity: 1;
     }
   }
 </style>