diff --git a/electron/servers/nextjs/app/(presentation-generator)/pdf-maker/PdfMakerPage.tsx b/electron/servers/nextjs/app/(presentation-generator)/pdf-maker/PdfMakerPage.tsx
index bfb83be5..67c9cef4 100644
--- a/electron/servers/nextjs/app/(presentation-generator)/pdf-maker/PdfMakerPage.tsx
+++ b/electron/servers/nextjs/app/(presentation-generator)/pdf-maker/PdfMakerPage.tsx
@@ -176,7 +176,7 @@ const PresentationPage = ({ presentation_id }: { presentation_id: string }) => {
                       <V1ContentRender
                         slide={slide}
                         isEditMode={true}
-                        theme={null}
+                        theme={presentationData?.theme}
 
                       />
                     </div>
diff --git a/electron/servers/nextjs/app/(presentation-generator)/template-preview/components/TemplatePreviewClient.tsx b/electron/servers/nextjs/app/(presentation-generator)/template-preview/components/TemplatePreviewClient.tsx
index 185e78d5..28998f3c 100644
--- a/electron/servers/nextjs/app/(presentation-generator)/template-preview/components/TemplatePreviewClient.tsx
+++ b/electron/servers/nextjs/app/(presentation-generator)/template-preview/components/TemplatePreviewClient.tsx
@@ -175,9 +175,9 @@ const GroupLayoutPreview = () => {
                 <div
                   key={`${templateParams}-${template.layoutId}-${index}`}
                   id={template.layoutId}
-                  className="overflow-hidden  bg-white rounded-tl-[10px] rounded-tr-[10px]"
+                  className="overflow-hidden   rounded-tl-[10px] border border-[#EDEEEF] rounded-tr-[10px]"
                 >
-                  <div className=" px-4 py-6 ">
+                  <div className=" px-4 py-6 bg-white border-b border-[#EDEEEF] ">
                     <div className="flex items-center justify-between">
                       <div>
                         <span className="px-3 py-1 bg-[#7A5AF8] text-white  font-syne  rounded-full text-sm font-medium">
diff --git a/electron/servers/nextjs/components/CodexConfig.tsx b/electron/servers/nextjs/components/CodexConfig.tsx
index c869088d..c85d270e 100644
--- a/electron/servers/nextjs/components/CodexConfig.tsx
+++ b/electron/servers/nextjs/components/CodexConfig.tsx
@@ -288,40 +288,43 @@ export default function CodexConfig({
 
   if (authStatus === "authenticated") {
     return (
-      <div className="space-y-4 mb-5">
-        <div className="flex items-center gap-3 p-3  border border-[#EDEEEF] rounded-[8px]">
-          <UserCheck className="w-5 h-5 text-black shrink-0" />
-          <div className="flex-gpt 5.4 mini1 min-w-0">
-            {accountId && (
-              <p className="text-sm font-medium text-gray-800 truncate">
-                Acc: {accountId}
-              </p>
-            )}
-            <p className="text-xs text-gray-400">Signed in to ChatGPT</p>
+      <div className=" mb-5">
+        <div className="flex items-center justify-between gap-3 p-5  border border-[#EDEEEF] rounded-[8px]">
+          <div className="flex items-center gap-3">
+
+            <UserCheck className="w-6 h-6 text-black shrink-0" />
+            <div className="flex-gpt 5.4 mini1 min-w-0">
+              {accountId && (
+                <p className="text-sm font-medium text-gray-800 truncate">
+                  Acc: {accountId}
+                </p>
+              )}
+              <p className="text-xs text-gray-400">Signed in to ChatGPT</p>
+            </div>
           </div>
           <div className="flex gap-1.5 shrink-0">
             <button
               onClick={handleRefreshToken}
               disabled={isRefreshing}
               title="Refresh token"
-              className="w-8 h-gpt 5.4 minid:opacity-40 transition-colors"
+              className="flex items-center justify-center px-3.5 py-2.5  bg-[#EDEEEF] rounded-[58px] minid:opacity-40 transition-colors"
             >
               {isRefreshing ? (
-                <Loader2 className="w-3.5 h-3.5 animate-spin text-gray-500" />
+                <Loader2 className="w-3.5 h-3.5 animate-spin text-black" />
               ) : (
-                <RefreshCw className="w-3.5 h-3.5 text-gray-500" />
+                <RefreshCw className="w-3.5 h-3.5 text-black" />
               )}
             </button>
             <button
               onClick={handleSignOut}
               disabled={isLoggingOut}
               title="Sign out"
-              className="w-8 h-8 flex items-center justify-center rounded-full bg-[#EDEEEF] hover:bg-[#E4E5E6] disabled:opacity-40 transition-colors"
+              className="flex items-center justify-center px-3.5 py-2.5  bg-[#EDEEEF] rounded-[58px] hover:bg-[#E4E5E6] disabled:opacity-40 transition-colors"
             >
               {isLoggingOut ? (
-                <Loader2 className="w-3.5 h-3.5 animate-spin text-gray-500" />
+                <Loader2 className="w-3.5 h-3.5 animate-spin text-black" />
               ) : (
-                <Trash2 className="w-3.5 h-3.5 text-gray-500" />
+                <Trash2 className="w-3.5 h-3.5 text-black" />
               )}
             </button>
           </div>