diff --git a/frontend/src/layouts/AppLayout.tsx b/frontend/src/layouts/AppLayout.tsx
index 01b8cf6..9e7e121 100644
--- a/frontend/src/layouts/AppLayout.tsx
+++ b/frontend/src/layouts/AppLayout.tsx
@@ -466,29 +466,24 @@ export default function AppLayout() {
         <Footer
           style={{
             flexShrink: 0,
-            padding: "0 24px 16px",
-            background: "transparent"
+            padding: "16px 24px",
+            background: "var(--app-bg-card)",
+            borderTop: "1px solid var(--app-border-color)"
           }}
         >
           <div
             style={{
-              minHeight: 44,
-              borderRadius: 8,
-              border: "1px solid var(--app-border-color)",
-              background: "var(--app-bg-card)",
               display: "flex",
               alignItems: "center",
               justifyContent: "center",
-              gap: 16,
-              padding: "10px 16px",
-              color: "var(--app-text-main)",
+              gap: 12,
+              color: "var(--app-text-secondary)",
               fontSize: 13,
-              textAlign: "center",
-              backdropFilter: "blur(10px)"
+              textAlign: "center"
             }}
           >
             {platformConfig?.icpInfo ? <span>{platformConfig.icpInfo}</span> : null}
-            {platformConfig?.icpInfo && platformConfig?.copyrightInfo ? <span aria-hidden="true" style={{ color: "#d0d5dd" }}>|</span> : null}
+            {platformConfig?.icpInfo && platformConfig?.copyrightInfo ? <span aria-hidden="true" style={{ color: "var(--app-border-color)" }}>|</span> : null}
             {platformConfig?.copyrightInfo ? <span>{platformConfig.copyrightInfo}</span> : null}
           </div>
         </Footer>