diff --git a/src/components/products/CustomTemplates.jsx b/src/components/products/CustomTemplates.jsx
index 3d6be76..b33b2f4 100644
--- a/src/components/products/CustomTemplates.jsx
+++ b/src/components/products/CustomTemplates.jsx
@@ -50,7 +50,11 @@ export default function CustomTemplates() {
     return (
         <div className='w-full flex flex-col gap-8'>
             <BreadcrumbCom title='Custom Templates' paths={['Dashboard', 'Custom Templates']} />
+            <div className='box bg-white dark:bg-black-box text-black-body dark:text-white-body' style={{backgroundColor: 'aliceblue'}}>
+            <b>Add New Custom Template</b>
 
+
+            </div>
             <div className='box bg-white dark:bg-black-box text-black-body dark:text-white-body'>
                 { isError ?
                     <p className='text-red-500'>{error?.message}</p>
@@ -62,7 +66,8 @@ export default function CustomTemplates() {
                             <div className='w-full sm:max-w-48'>
                                 <select name='type' value={filter?.type} className='h-10 w-full p-2 rounded-md' onChange={handleFilter}>
                                     <option value=''>All</option>
-                                    <option value='name'>Name</option>
+                                    <option value='custom_id'>Custom ID</option>
+                                    <option value='provision_name'>Provision Name</option>
                                 </select>
                             </div>
                             <div className='w-full sm:max-w-48'>
diff --git a/src/components/subscription_view/SubscriptionViewCom.jsx b/src/components/subscription_view/SubscriptionViewCom.jsx
index 025bd02..e1d7c0c 100644
--- a/src/components/subscription_view/SubscriptionViewCom.jsx
+++ b/src/components/subscription_view/SubscriptionViewCom.jsx
@@ -1,19 +1,19 @@
 import {useLocation, useNavigate, Link} from 'react-router-dom'
 import BreadcrumbCom from '../breadcrumb/BreadcrumbCom'
-import { useEffect } from 'react';
+import {useEffect} from 'react';
 
 export default function SubscriptionViewCom() {
 
     const subscriptionUID = "63554d40-9ba1-4afe-80c2-ca147236f7ee";
 
-    const {state:{memberUID}} = useLocation()
+    const {state: {memberUID}} = useLocation()
     const navigate = useNavigate()
 
-    useEffect(()=>{
-        if(!memberUID){
-            navigate(`/account-view/${memberUID}`, {replace: true, state:{memberUID}})
+    useEffect(() => {
+        if (!memberUID) {
+            navigate(`/account-view/${memberUID}`, {replace: true, state: {memberUID}})
         }
-    },[])
+    }, [])
 
     return (
         <div className='w-full flex flex-col gap-8'>
@@ -21,12 +21,28 @@ export default function SubscriptionViewCom() {
 
             <div className='box bg-white dark:bg-black-box text-black-body dark:text-white-body'>
 
-                        <>
-                            Show all here
-                        </>
-
+                <div>
+                    Repeat the Subscription at the top
 
+                </div>
             </div>
+
+            <div className='box bg-white dark:bg-black-box text-black-body dark:text-white-body'>
+
+                <div>
+                    <b>Assign Template</b>
+
+                </div>
+            </div>
+
+            <div className='box bg-white dark:bg-black-box text-black-body dark:text-white-body'>
+
+                <div>
+                    <b>Assign Custom Template</b>
+
+                </div>
+            </div>
+
         </div>
     )
 }
\ No newline at end of file