diff --git a/assets/scss/custom.scss b/assets/scss/custom.scss
index 51fe3a1..0481e05 100644
--- a/assets/scss/custom.scss
+++ b/assets/scss/custom.scss
@@ -20,6 +20,7 @@
 .blog-card-content {
   min-width: 0; /* これ無いと ellipsis が正常に動作しない */
   padding: 0.5rem;
+  height: 100%;
   & .blog-card-title {
     color: var(--card-text-color-main);
     font-size: 1.5rem;
diff --git a/layouts/shortcodes/blogcard.html b/layouts/shortcodes/blogcard.html
index c63cba7..1c320a2 100644
--- a/layouts/shortcodes/blogcard.html
+++ b/layouts/shortcodes/blogcard.html
@@ -4,14 +4,20 @@
 
 {{ $parsed_url := urls.Parse $url }}
 
-
 <div class="blog-card">
-    <div class="blog-card-thumb" style="background-image: url('{{ $og.thumbnail }}')"></div>
-    <div class="blog-card-content">
-        <div class="blog-card-title">{{ $og.title }}</div>
-        <p class="blog-card-description">
-            {{ replace ($og.description | plainify)  "\n"  "" }}
-        </p>
-        <a href="{{ $og.url }}" target="_blank" rel="noopener noreferrer">{{ $parsed_url.Host }}</a>
-    </div>
+  <div
+    class="blog-card-thumb"
+    style="background-image: url('{{ $og.thumbnail }}')"
+  ></div>
+  <div class="blog-card-content">
+    <div class="blog-card-title">{{ $og.title }}</div>
+    {{- if $og.description -}}
+    <p class="blog-card-description">
+      {{ replace ($og.description | plainify) "\n" ""}}
+    </p>
+    {{- end -}}
+    <a href="{{ $og.url }}" target="_blank" rel="noopener noreferrer">
+        {{ $parsed_url.Host }}
+    </a>
+  </div>
 </div>