diff --git a/src/component/Admin/Settings/Appearance/CustomHTML.tsx b/src/component/Admin/Settings/Appearance/CustomHTML.tsx
index e8bef55..acaddb1 100755
--- a/src/component/Admin/Settings/Appearance/CustomHTML.tsx
+++ b/src/component/Admin/Settings/Appearance/CustomHTML.tsx
@@ -64,6 +64,7 @@ const HeadlessFooterPreview = ({ footer, bottom }: { footer?: string; bottom?: s
                   maxHeight: "40px",
                   mb: 2,
                 }}
+                style={{ display: "flex", justifyContent: "center", alignItems: "center" }}
               />
               <div>
                 <Box
diff --git a/src/component/Frame/HeadlessFrame.tsx b/src/component/Frame/HeadlessFrame.tsx
index bce5921..f0e65c7 100755
--- a/src/component/Frame/HeadlessFrame.tsx
+++ b/src/component/Frame/HeadlessFrame.tsx
@@ -42,7 +42,11 @@ const HeadlessFrame = () => {
       }}
     >
       <Box sx={{ flexGrow: 1 }}>
-        <AppBar position="static">
+        <AppBar
+          sx={{
+            backgroundColor: "#f5f5f5",
+          }}
+        >
           <Toolbar>
             {/* <IconButton
             size="large"