diff --git a/src/dashboardWebView/components/Common/DateField.tsx b/src/dashboardWebView/components/Common/DateField.tsx
index 250af4ea..315f8ec1 100644
--- a/src/dashboardWebView/components/Common/DateField.tsx
+++ b/src/dashboardWebView/components/Common/DateField.tsx
@@ -30,7 +30,7 @@ export const DateField: React.FunctionComponent<IDateFieldProps> = ({
   }
 
   return (
-    <span className={`${className || ''} text-xs ${getColors(`text-vulcan-100 dark:text-whisper-900`, `text-[var(--vscode-editor-foreground)]`)}`}>
+    <span className={`date__field ${className || ''} text-xs ${getColors(`text-vulcan-100 dark:text-whisper-900`, `text-[var(--vscode-editor-foreground)]`)}`}>
       {dateValue}
     </span>
   );
diff --git a/src/dashboardWebView/components/Contents/Status.tsx b/src/dashboardWebView/components/Contents/Status.tsx
index 153bc6e3..69423fbf 100644
--- a/src/dashboardWebView/components/Contents/Status.tsx
+++ b/src/dashboardWebView/components/Contents/Status.tsx
@@ -42,7 +42,7 @@ export const Status: React.FunctionComponent<IStatusProps> = ({
 
   return (
     <span
-      className={`
+      className={`draft__status
         inline-block px-2 py-1 leading-none rounded-sm font-semibold uppercase tracking-wide text-xs 
         ${getColors(`text-whisper-200 dark:text-vulcan-500`, ``)} 
         ${draftValue ?