diff --git a/src/dashboard/example/views/Dashboard.vue b/src/dashboard/example/views/Dashboard.vue
index 60dbdeb..d8839fc 100644
--- a/src/dashboard/example/views/Dashboard.vue
+++ b/src/dashboard/example/views/Dashboard.vue
@@ -11,9 +11,9 @@ useHead({ title: 'Dashboard' });
 
 <template>
   <QPage class="q-pa-lg">
-    <div class="row q-col-gutter-lg items-start dashboard-panels q-mt-lg">
-      <div class="col-12 col-lg-6">
-        <div class="column q-gutter-lg">
+    <div class="column q-gutter-lg dashboard-panels q-mt-lg">
+      <div class="row">
+        <div class="col-12">
           <QCard
             bordered
             class="dashboard-panel-card"
@@ -22,7 +22,11 @@ useHead({ title: 'Dashboard' });
               <ScoreboardPanel />
             </QCardSection>
           </QCard>
+        </div>
+      </div>
 
+      <div class="row q-col-gutter-lg items-start">
+        <div class="col-12 col-lg-6">
           <QCard
             bordered
             class="dashboard-panel-card"
@@ -32,16 +36,16 @@ useHead({ title: 'Dashboard' });
             </QCardSection>
           </QCard>
         </div>
-      </div>
-      <div class="col-12 col-lg-6">
-        <QCard
-          bordered
-          class="dashboard-panel-card"
-        >
-          <QCardSection class="dashboard-panel-content">
-            <BracketPanel />
-          </QCardSection>
-        </QCard>
+        <div class="col-12 col-lg-6">
+          <QCard
+            bordered
+            class="dashboard-panel-card"
+          >
+            <QCardSection class="dashboard-panel-content">
+              <BracketPanel />
+            </QCardSection>
+          </QCard>
+        </div>
       </div>
     </div>
   </QPage>