diff --git a/src/app/(main)/websites/[websiteId]/events/EventProperties.module.css b/src/app/(main)/websites/[websiteId]/events/EventProperties.module.css
index b476ebd8..4f6a65ec 100644
--- a/src/app/(main)/websites/[websiteId]/events/EventProperties.module.css
+++ b/src/app/(main)/websites/[websiteId]/events/EventProperties.module.css
@@ -1,7 +1,8 @@
 .container {
   display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(600px, 1fr));
-  gap: 30px;
+  grid-template-columns: repeat(auto-fill, minmax(420px, 1fr));
+  gap: 60px;
+  margin-bottom: 40px;
 }
 
 .table {
@@ -12,3 +13,13 @@
   cursor: pointer;
   color: var(--primary400);
 }
+
+.title {
+  text-align: center;
+  font-weight: bold;
+  margin: 20px 0;
+}
+
+.chart {
+  min-height: 620px;
+}
diff --git a/src/app/(main)/websites/[websiteId]/events/EventProperties.tsx b/src/app/(main)/websites/[websiteId]/events/EventProperties.tsx
index d6e52c59..b2fa491a 100644
--- a/src/app/(main)/websites/[websiteId]/events/EventProperties.tsx
+++ b/src/app/(main)/websites/[websiteId]/events/EventProperties.tsx
@@ -1,10 +1,10 @@
 import { GridColumn, GridTable } from 'react-basics';
 import { useEventDataProperties, useEventDataValues, useMessages } from 'components/hooks';
 import { LoadingPanel } from 'components/common/LoadingPanel';
-import styles from './EventProperties.module.css';
 import PieChart from 'components/charts/PieChart';
 import { useState } from 'react';
 import { CHART_COLORS } from 'lib/constants';
+import styles from './EventProperties.module.css';
 
 export function EventProperties({ websiteId }: { websiteId: string }) {
   const [propertyName, setPropertyName] = useState('');
@@ -36,11 +36,11 @@ export function EventProperties({ websiteId }: { websiteId: string }) {
               </div>
             )}
           </GridColumn>
-          <GridColumn name="total" label={formatMessage(labels.count)} />
+          <GridColumn name="total" label={formatMessage(labels.count)} alignment="end" />
         </GridTable>
         {propertyName && (
-          <div>
-            <strong>{propertyName}</strong>
+          <div className={styles.chart}>
+            <div className={styles.title}>{propertyName}</div>
             <PieChart key={propertyName} type="doughnut" data={chartData} />
           </div>
         )}